Cross browser image slideshow

Okay, so here's my attempt at an automajical cross browser image slideshow, with transparency fading using Javascript & PHP.

It uses PHP to pull the images from a chosen folder, then a bit of Javascript to fade between the images. It even has easing on the fades. It also preloads all the images before starting the show, and has a few selectable options, such as random order, transition timer/speed.

I initially wrote this as an active desktop page so I could have random photos on my Windows box (work), like it's very eay to do on my OSX box (home). This script also doesn't fall over if you have lots of images to load, as it preloads them prior to starting the show.

If you've not got javascript enabled, you just get the first image (which can be set as random or not). No CSS, you get the show, without the fancy fading stuff. No javascript & css, well just combine the previous two.

See the thing in action here

Download it here

Credit to all the many hundreds of slideshows I picked through to come up with this. Particular credit to Dynamic Drive and Clagnut , though I've been working on this for that long that I worked out the mozilla opacity flicker workaround seperately from both of these. This article inspired my preload function. Oh and old Robert Penner, who's easing scripts work a treat. Images from various free stock photo sites, so pilfer those at your own risk.

25 Feb 2005 by GSGD

7 comments

Name:

Mail:
(optional)

Remember Me?