Image Cross Fader Redux

Swimming Pool Water Notebook Bottle Neck Nail in a Board Door Knob Basket in the Snow

Photos © Kevin C. Smith

This is a rewrite of a very old experiment. This rewrite uses unobtrusive DOM scripting and semantic markup to achieve its goals, and is somewhat less abusive of the CPU in Firefox. It also works in Safari - the original version was written prior to Safari supporting the CSS3 "opacity" property. Opera doesn't support opacity, so the images will just flip in that browser.

Following the unobtrusive philosophy, the document is completely usable when javascript isn't available. This is accomplished by overwriting the style sheet with one designed for the application in the so_init() method. If javascript isn't available, the user gets an arms length list of photos.

slayeroffice Image Crossfade Redux
version 1.0
last revision: 02.15.2006
steve@slayeroffice.com
http://slayeroffice.com