Simple OOCSS Slideshows

Image01 Image02 Image03 Image04 Image05 Instant
Image01 Image02 Image03 Image04 Image05 Fade
Image01 Image02 Image03 Image04 Image05 Toaster
Image01 Image02 Image03 Image04 Image05 Scale

The meat of the Javascript is about 10 lines (view source, and see the slideshow() function). It is pure Javascript (no jQuery or other libs), yet achieves the same kind of visual effects you'd expect from a library-based solution using OOCSS. Even though transitions are not implemented in some browsers, the slideshows will still run, sans fancy transitions.

Notice that even though each slideshow uses a different kind of transition, the Javascript is completely generic. This puts control of the slideshow transitions into the hands of the designer, and changes to the transitions require zero Javascript changes.