thumbnail image for this experiment

javascript cross-fade

description:

based on the previous javascript fade experiment, this uses DOM javascript to turn a simple list of images into a cross-fading slideshow. simply add more list items to include more images in the slideshow. inspired by slayeroffice's image cross fader.

as an exercise for the reader, this could also be extended to cross-fade any kind of block level elements.

updated to work in Opera - many thanks to steve clay for the small fix.

completed:
08/11/2004
modified:
13/04/2006

view this experiment