[英]image popup with p:graphicImage
我有一个使用p:graphicImage
的简单jsf primefaces代码
<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
,一切正常。
PrimeFaces为此提供了一些帮助。 它叫做LightBox。
有关示例,请参见此处的展示 。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.