Question

我有一个使用p:graphicImage

的简单jsf primefaces代码

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

我正在尝试添加一个＆＃34;点击图片弹出＆＃34;功能。我看到了image pop-up using jquery

的列表

我决定使用fancyBox，但我不知道如何将它与primefaces graphicImage一起使用。有人可以帮忙吗？

它不一定是fancyBox或任何其他jquery插件。我只需要一个简单的＆＃34;点击图片弹出＆＃34;功能

更新

尝试使用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，一切正常。

Answer 1

PrimeFaces有一些东西。它被称为LightBox。

请参阅此处的Showcase以获取示例。

p：graphicImage的图像弹出窗口

1 个答案: