Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

Slideshow Base (gallery-slideshow-base) on cdn

Last Updated: 03/22/10

+ 0 -

James Punteney

YUI Contributor

See 2 more by this user.

Created: 03/22/10
Last CDN Push: 05/21/10
Build Tag: gallery-2010.05.21-18-16
Project: YUI 3
License: YUI BSD
YUI Version: 3.0.0
Free for use.

The Slideshow base script easily converts html content into a slideshow. It supports any html element so the slides can be divs, imgs, or any other html element you want. Automatically configures buttons for user actions including:

Automatic recognition of play and pause buttons
Automatic recognition of buttons to change to an individual slide
Event notification for custom scripting on a variety of events

This slideshow is used as the base for the animated slideshow which supports animated transitions between the slides.

The

Y.Slideshow.auto();

method looks for elements within the page that have the class "slideshow" on them and then the elements within it with the class of "slides".

Code Sample

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

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2010.05.21-18-16'
}).use('gallery-slideshow-base', function(Y) {
 
    // Looks for an element with the css class of 'slideshow' and internal elements with the class 'slide'
 
Y.Slideshow.auto();
 
    // Can also run it manually using the below code
    // var show = new Y.Slideshow({contentBox: Y.one('#man_slideshow'),  pause_time: 2 });
 
});

Forum Posts

No forum posts for this module.