Gallery

<script src="http://yui.yahooapis.com/3.1.1/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2010.08.18-17-12',
    modules: {
        'gallery-aui-skin-base': {
            fullpath: 'http://yui.yahooapis.com/gallery-2010.08.18-17-12/build/gallery-aui-skin-base/css/gallery-aui-skin-base-min.css',
            type: 'css'
        },
        'gallery-aui-skin-classic': {
            fullpath: 'http://yui.yahooapis.com/gallery-2010.08.18-17-12/build/gallery-aui-skin-classic/css/gallery-aui-skin-classic-min.css',
            type: 'css',
            requires: ['gallery-aui-skin-base']
        }
    }
}).use('gallery-aui-image-viewer-base', function(Y) {
	// Creating a basic Image Viewer
	var imageViewer1 = new Y.ImageViewer({
		links: '#gallery1 a'
	}).render();
 
	// Creating an Image Viewer with advanced options and events
	var imageViewer2 = new Y.ImageViewer({
		links: '#gallery1 a',
		caption: 'Liferay Champion Soccer',
		captionFromTitle: true,
		preloadNeighborImages: true,
		preloadAllImages: true,
		showInfo: true,
		lockScroll: false,
		infoTemplate: 'Image {current} of {total}, modified.',
		showArrows: false,
		showClose: false,
		anim: false,
		currentIndex: 3,
		imageAnim: {
			duration: 2,
			easing: 'bounceOut',
		},
 
		modal: false,
 
		modal: {
			background: 'lightblue',
			opacity: .4
		}
	}).render();
 
	// Image viewer events
	imageViewer2.after('anim', function(event) {
		// Fires after the animation completes
	});
 
	imageViewer2.after('request', function(event) {
		// Fires after an image is requested
	});
 
	imageViewer2.after('load', function(event) {
		// Fires after an image is loaded
	});
});