O'Reilly logo

PrimeFaces Cookbook by Mert Çalışkan, Oleg Varaksin

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required