O'Reilly logo

Liferay User Interface Development by Frank Yu, Xinsheng Chen, Jonas X. Yuan

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

Image gallery

The image gallery instance of Alloy UI displays images as if in a slideshow. The focused image is put in an overlay instance. It can also show thumbnails for navigation purposes.

<div id="gallery1" class="gallery">
<a href="http:///snippet-portlet/images/gallery/image-1.jpg" title="Image One">
<img class="picture" src="/snippet-portlet/images/gallery/image-1_tn.jpg" />
</a>
// ignore details
</div>
// ignore details
AUI().ready('aui-image-viewer-gallery', function(A) {
var imageGallery1 = new A.ImageGallery({
links: '#gallery1 a',
caption: 'Image Gallery Demo',
paginator: {
// maxPageLinks: 5
},
delay: 2000
}).render();
});

It is required that the aui-image-viewer-gallery module be loaded into the sandbox for creating an A.ImageGallery ...

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