New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact
Categories
Other Sections
Sweet Ads
Compatibility
Bookmark online:


FF1+ IE5+ Opr7+

Preloaded Slide Show Script

Author: Jason Moon

Description: A straightforward image slideshow with a unique preload feature. The script "silently" caches the next image in line as you're viewing the current. This ensures a smooth transition between images without the script having to preload all participating images of the slideshow all at once.

Demo:


Directions Developer's View

Step 1: Add the below into the <head> section of your page:

Select All

Step 2: Insert the following where you wish the slideshow to appear in the BODY:

Select All

You should change the width/height attributes inside the <IMG> to the dimensions of the first image.

Step 3: Finally, inside the BODY tag itself, add this event handler:

<body onLoad="StartSlideShow()">

Slide away!