ContentFlow is a content gallery component.
<div class="card">
<p:contentFlow value="#{imagesView.images}" var="image">
<p:graphicImage name="demo/images/nature/#{image}" styleClass="content"/>
<div class="caption">#{image}</div>
</p:contentFlow>
</div>
@Named
@RequestScoped
public class ImagesView {
private List<String> images;
@PostConstruct
public void init() {
images = new ArrayList<String>();
for (int i = 1; i <= 12; i++) {
images.add("nature" + i + ".jpg");
}
}
public List<String> getImages() {
return images;
}
}