[英]image popup with p:graphicImage
I have a simple jsf primefaces code using a p:graphicImage
我有一个使用
p:graphicImage
的简单jsf primefaces代码
<p:graphicImage value="#{imageStreamer.image}" >
<f:param name="id" value="#{item}" />
</p:graphicImage>
I am trying to add an "on click image pop up" function. 我正在尝试添加“点击图像弹出”功能。 I saw a list of image pop-up using jquery
我看到了使用jquery弹出的图像列表
I have decided to use fancyBox, but I have no idea how to use it with primefaces graphicImage. 我决定使用fancyBox,但我不知道如何将其与primefaces graphicImage一起使用。 Anyone can help?
有人可以帮忙吗?
it does not have to be fancyBox or any other jquery plugins. 它不必是fancyBox或任何其他jquery插件。 I just need a simple "on click image pop up" function.
我只需要一个简单的“点击图像弹出”功能。
UPDATE 更新
tried using Lightbox
but it does not work 尝试使用
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>
the images gives me a broken link. 这些图像给了我一个断开的链接。
Note: without the lightbox
, everything works fine. 注意:没有
lightbox
,一切正常。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.