The Gallery is deprecated. No new Gallery components may be submitted, and modifying existing components is disabled. For more information please read the Gallery Deprecation blog post. This is a static snapshot of the Gallery for archive purposes.
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 Animated Slideshow 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. It supports a variety of slide transitions and user actions including:
The simplest way to use this script is to use the
Y.SlideshowAnimated.auto();method. It will look for any element in your document with a css class of "slideshow", then within that element it will look for any html elements with the class of "slide" that will become the actual slides. It's probably the easiest to understand by looking at the examples. To change the slide transition to something other than the default fade just add one of these css classes onto the main slideshow element (the element must still have the "slideshow" css class even if has one of the classes below):
You can also pass a config option to the auto method specifying the:
If you include the code shown below and then have the css class "slideshow" on an element, with an optional additional animation class it will render the element as a slideshow.
For adiditonal methods to run the slideshow and configure it check out the full documentation and examples.
<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-animated', function(Y) {
Y.SlideshowAnimated.auto();
});
Subject | Author | Date |
---|---|---|
newbie question about pause_time | Catharine Hendricks | 04/12/10 |
Re: newbie question about pause_time | K o v a c s | 04/12/10 |
Update for YUI 3.1? | bowtah | 05/20/10 |
Re: Update for YUI 3.1? | Eric Miraglia | 05/20/10 |
Re: Update for YUI 3.1? | James Punteney | 05/21/10 |
Re: Update for YUI 3.1? | bowtah | 05/21/10 |
Is it possible to load images on demand? | Ventzy Kunev | 10/11/10 |
Issues with loading images and painting performance/glitches | Terri Beausejour | 11/27/12 |
Re: Issues with loading images and painting performance/glit | Terri Beausejour | 12/1/12 |
All code on this site is licensed under the BSD License unless stated otherwise.