Displaying a collection of images
The galleria component can be used to display a collection of images.
How to do it...
A basic definition for the galleria component for viewing a static list of car images would be as follows:
<p:galleria> <p:graphicImage value="/resources/images/autocomplete/CC.png" /> <p:graphicImage value= "/resources/images/autocomplete/Golf.png" /> <p:graphicImage value= "/resources/images/autocomplete/Polo.png" /> <p:graphicImage value= "/resources/images/autocomplete/Touareg.png" /> </p:galleria>
How it works...
The definition of the gelleria component renders a car image in a panel and four other small images in a filmstrip right below it. This component also provides built-in iteration effects for transition to occur between the images.
It is also possible to visualize a list of car images that is bound through the value attribute of the galleria component as follows:
<p:galleria value="#{galleriaController.cars}"...
