在show上使用ajax加载p：graphicImage

Question

我想为使用<p:galleryImage/>的图片创建图库。问题是，当图库包含大量图像时，它会下载所有图像，然后显示它们。这真的很烦人，它必须以不同的方式工作。现在画廊看起来像这样：

<p:lightBox>
    <h:commandButton class="button  button-1-3 graphics-portfolio-plakaty" onclick="plakaty.show();" />
    <f:facet name="inline">
        <p:galleria value="#{galleryBean.imageNames}" var="imageName" panelWidth="800" panelHeight="500">  
            <p:graphicImage value="/gallery?img=#{imageName}" cache="false" />
        </p:galleria>
    </f:facet>
</p:lightBox>

我想使用ajax加载图像，所以它看起来应该是这样的。

<p:lightBox>
    <h:commandButton class="button  button-1-3 graphics-portfolio-plakaty" onclick="plakaty.show();" />
    <f:facet name="inline">
        <p:galleria value="#{galleryBean.imageNames}" var="imageName" panelWidth="800" panelHeight="500">  
            <p:graphicImage value="/gallery?img=#{imageName}" cache="false">
                <p:ajax event="ready" />
            </p:graphicImage>
        </p:galleria>
    </f:facet>
</p:lightBox>

我是JSF的新手，所以可能有更好的方法来做这个或如何使用ajax加载图像？