0

を使用した単純な jsf primefaces コードがあります。p:graphicImage

<p:graphicImage value="#{imageStreamer.image}" >
    <f:param name="id" value="#{item}" />
</p:graphicImage>

「クリック時の画像ポップアップ」機能を追加しようとしています。jqueryを使って画像ポップアップの一覧を見てみました

fancyBox を使用することにしましたが、primefaces graphicImage での使用方法がわかりません。誰でも助けることができますか？

fancyBox やその他の jquery プラグインである必要はありません。シンプルな「クリック時の画像ポップアップ」機能が必要です。

アップデート

使ってみLightboxたけどうまくいかない

<p:galleria id="photo-galleria" value="#{testController.ImageIdsView(list[1])}" var="item" autoPlay="false" frameWidth="200" frameHeight="188" panelWidth="625">  
    <p:lightBox styleClass="imagebox">  
        <h:outputLink value="#{imageStreamer.image}">  
            <p:graphicImage value="#{imageStreamer.image}" >
                <f:param name="id" value="#{item}" />
            </p:graphicImage>
        </h:outputLink>
    </p:lightBox>
</p:galleria>

画像は私に壊れたリンクを与えます。

注: がなくてもlightbox、すべて正常に動作します。

4

1 に答える 1

0

PrimeFaces にはそのための機能があります。ライトボックスといいます。

例については、こちらのショーケースを参照してください。

于 2013-08-23T09:28:06.957 に答える