Slideshow 2! is a javascript class for Mootools 1.2 to stream and animate the presentation of images on your website

Slideshow 2! is a javascript class for Mootools 1.2 to stream and animate the presentation of images on your website. This page features some examples of how Slideshow might be used to enhance the presentation of images on your website. Please view the source of this page for usage information.

If you are looking to download Slideshow, or for class documentation, please visit the open-source project at Google Code. If you are looking for the old version of Slideshow, it has been moved here.

Support

If you find this page helpful, why not donate? Because donations are voluntary, the act of making a small contribution has a big effect towards promoting future development and support.

Demos

Click below to view the various demos - perhaps the most impressive effect of all is simply viewing this page with javascript turned off.

CSS-based transitions: Infinite effects
Slideshow extension: Ken Burns show
Thumbnails: Intelligent and auto-scrolling
Slideshow extension: Push show
Hyperlink your show: Lightbox mashup
Slideshow extension: Flash show

Slideshow accepts data as a simple array of image filenames

Or as an object with optional caption, href and thumbnail information

Captions may be plain text or formatted with HTML

Slideshow can even parse in existing HTML images and automagically generate the show

Slideshow includes a feature-complete controller

Create your own controller as shown in the example or with only previous / next arrows

Left and right arrow keys for the previous and next slides (with shift for first and last)

Colophon

All photos were taken with a trusty Canon DigitalElph in New York, October 2007. Locales include: Cooper Lake, Poughkeepsie, Fix Brothers Apples, Overlook Mountain, Plattsclove, The Met, Museum of Natural History, Brooklyn Brewery.