Jsf 在节目中使用ajax加载p:graphicImage

我想为使用

的图像创建图库。问题是，当gallery包含大量图像时，它会下载所有图像，然后显示它们。这真的很烦人，它必须以不同的方式工作。现在画廊看起来像这样：

<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加载图像？

尝试使用event=“load”。另请参见效果目标