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 ...

Get PrimeFaces Cookbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.