圖像彈出與號碼：graphicImage的

我有使用p:graphicImage圖像彈出與號碼：graphicImage的

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

我想增加一個「上點擊圖片彈出」功能的簡單的JSF primefaces代碼。我看到了一個列表image pop-up using jquery

我決定使用fancyBox，但我不知道如何使用它與primefaces graphicImage。任何人都可以幫忙

它不一定是fancyBox或任何其他jquery插件。我只需要一個簡單的「點擊圖像彈出」功能。

UPDATE

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

來源

2013-08-23 galao

我甚至遇到了將'p：galleria'和'p：lightbox'組合起來的問題。你需要修改'galleria.js'文件。這很簡單！只需查找圖像所在的行。使用lightbox和和graphicImage之前的鏈接，html呈現的方式不同。該環球免稅店組件假設，該圖片直接位於li標籤下方。使用lightbox和outputlink還有一個div和一個標籤。因此，將'children'（'img'）'改爲'.children（'div'）。children（'a'）。children（'img'）'... – marcel

PrimeFaces有這方面的東西。它被稱爲LightBox。

查看Showcase這裏的例子。

來源

2013-08-23 09:28:06 noone

我其實已經嘗試過了，但它對我不起作用。我更新了我的問題，以便了解我所做的事情。 – galao

那麼，這不會以這種方式工作。你不能將廣場和燈箱結合起來。在內使用JSTL的，然後用這些圖片生成輸出鏈接。就像它在展櫃中完成的一樣，但是通過forEach動態完成。 – noone

圖像彈出與號碼：graphicImage的

回答

相關問題