MooTools and Swiff: Slideshow / Thumbnail Gallery
I have recently launched a website for the Bramham Lodge Residential Development in Bramham Village.
The site features a neat Slideshow / Thumbnail Gallery implementation using MooTools and Flash (utilising the Swiff utility of MooTools 1.2).
A demo can be seen on the Bramham Lodge Apartment page.
The SlideShow makes use of Flash to create easily customisable image transition effects that are not possible with JavaScript alone. A collection of MooTools classes are employed to mange the Swiff interface and control the slideshow.
Key Features
- Images are not hard-coded into flash: no need to recompile the SWF when adding/removing or re-ordering the gallery as all data is presented in the XHTML markup.
- Extensible and customisable: The slideshow class makes use of MooTools Events so that add-on classes can be created for bolt-on features whilst being kept separate from the core functionality.
- Accessible: No content is hard-coded into flash, search engines are able to index all the information.
The modular nature of the code and the ability to change the implementation using bolt-on functionality has allowed me to re-use the same set of classes on an upcoming project in a completely different fashion, making use of the great features of Flash without sacrificing indexable content and accessibility.
Posted by Daniel Skinner 2008-05-17 20:05:23
Categories: Web Development
This looks excellent. I dont suppose theres any chance of a downloadable demo? I’m ok with mootools overall but i’ve never used Swiff before and am attempting something similar.
Comment by Anthony — July 15, 2009 @ 8:23 pm
Unfortunately I do not have a downloadable demo.
Comment by Daniel Skinner — July 16, 2009 @ 5:27 pm
Hey, thanks for the blog post, but can you tell me what’s this theme you’re using in your blog? Thanks in advance, Pete
Comment by Running Shoes — October 9, 2009 @ 5:44 pm