Slideshow Module (AJAX, DOM, Javascript & CSS1)

Screen-shot of the Slideshow Webpage The Image Slideshow module uses AJAX to fetch an rss-feed containing information about a set of pictures that posted on flickr.com. Once downloaded, the rss feed's xml is then parsed, and the data is used for building an array of images (with corresponding meta-data).

The flickr images are then pre-loaded and the slideshow begins... showing a new image very few seconds. CSS alpha/opacity levels are implemented, allowing the images to fade-out and fade-in during the transition from one image to the next.

In addition, Forward (>>), Back (<<), and Pause buttons—located just above the image panel—allow the viewer to control which image shall be viewed, and how long to view it.

Feel free to check-out my 2009 Tolt River Flood Slideshow example. I've also included a page containing the source-code, XHTML and CSS I'm using to generate and run the slideshow module.