An elegant, lightweight slideshow script


Similar as showing at Obama’s website, but now with some new classes and MooTools 1.2

The code

To ensure all images are loaded before the user makes any interaction, the MooTools Assets component is used.

The CSS plays a major role (as in every other animation-focused script). I suggest you analyze it carefully before implementing it in your applications or websites. You’ll probably need to adjust the ids, or use classes instead to keep your stylesheets clean.

The markup is meaningful and simple. Two lists are used (one for the images and the other for the links). The loading element is included in the HTML, but it’s probably better to inject it from the script directly.

By Guillermo Rauch

The demo

Click here to see it in action or download it

Share your love

Leave a Reply

Your email address will not be published. Required fields are marked *