Я создал страницу с предметами, где я использую компонент Lightbox.Основная проблема lightBox
Я использую его в динамическом состоянии, так как я создаю миниатюры на лету с вызовом сервлетов.
Первая страница отображается хорошо, а лайтбокс работает так, как ожидалось, но когда я загружаю новый набор изображений для следующей страницы, изображения отображаются, но когда вы нажимаете на нее, это просто показывает исходное изображение на новой странице , когда я вернусь с предыдущей кнопкой и нажмем на миниатюру, это будет работать, как ожидалось.
Это JSF код:
<h:outputLabel id="curpage" value="#{pictureBean.currentPage}" />
<h:commandButton value="next" action="#{pictureBean.nextPage}" id="next">
<f:ajax render="lightBox curpage" />
</h:commandButton>
<br/>
<p:lightBox height="500px" id="lightBox">
<ui:repeat value="#{pictureBean.pictures}" var="pic">
<h:outputLink value="#{pic.url}" title="#{pic.description}">
<h:graphicImage value="#{pic.urlThumb}" style="width:100px;height:75px;"/>
</h:outputLink>
</ui:repeat>
</p:lightBox>