selectOneMenu を変更した後に更新される contentFlow があります。
< p:selectOneMenu value="#{movil.marca}">
< p:ajax event="change" listener="#{dropdownView.onMarcaChange()}" update="contentFlow"/>
< f:selectItem itemLabel="#{msgs['selectmarca']}" itemValue="" noSelectionOption="true" />
< f:selectItems value="#{dropdownView.marcas}" />
< /p:selectOneMenu>
< p:contentFlow id="contentFlow" value="#{dropdownView.movilescontentflow}" var="movil">
< p:graphicImage url="#{movil.foto}" styleClass="content" onclick="clickFlow(this, event)"/>
< /p:contentFlow>
問題は、contentFlow が更新されるときに大量の画像をロードする必要があり、すべての画像がダウンロードされる前に要素がレンダリングされることです。
contentFow の代わりにガレリアを使用すると、問題なく動作します。画像がダウンロードされるときに、画像がガレリアにどのようにロードされるかを確認できます。
ページを更新すると (f5)、すべての画像がダウンロードされると contentFlow がレンダリングされ、正常にレンダリングされます。
何か案は?