Make your own slideshow with javascript

Description: This
is a unique slideshow script that, unlike most other, will intelligently preload its
images one at a time, while the preceding image is being
shown. The script will actually
"wait" until the next image is successfully preloaded before continuing, trying
again if not. Contrast that to other slideshow scripts, which mindlessly preload all of
their images beforehand. Use this script if your slideshow contains a lot of heavy duty
images, and you don't want your visitors to wait forever (literally) before he/she can see
the slide.

Example: Notice (by looking at the
status bar) how each image is preloaded only while the former is being shown:

Directions:

Simply add the below where you wish the slideshow to appear.
Configure the first two lines in the script, AND also, the <IMG> src in the HTML
portion.

<SCRIPT LANGUAGE="JavaScript"><br /><!--<br /><br />/*<br />Script by FPMC at http://jsarchive.8m.com<br />Submitted to JavaScript Kit (http://javascriptkit.com)<br />For this and 400+ free scripts, visit http://javascriptkit.com<br />*/<br /><br />//set image paths<br />src = ["image1.gif", "image2.gif", "image3.gif", "image4.gif"]<br /><br /><br />//set corresponding urls<br />url = ["http://freewarejava.com", "http://javascriptkit.com", "http://dynamicdrive.com", "http://www.geocities.com"]<br /><br />//set duration for each image<br />duration = 4;<br /><br />//Please do not edit below<br />ads=[]; ct=0;<br />function switchAd() {<br />var n=(ct+1)%src.length;<br />if (ads[n] && (ads[n].complete || ads[n].complete==null)) {<br />document["Ad_Image"].src = ads[ct=n].src;<br />}<br />ads[n=(ct+1)%src.length] = new Image;<br />ads[n].src = src[n];<br />setTimeout("switchAd()",duration*1000);<br />}<br />function doLink(){<br />location.href = url[ct];<br />} onload = function(){<br />if (document.images)<br />switchAd();<br />}<br />//--><br /></SCRIPT><br /><br /><A HREF="javascript:doLink();" onMouseOver="status=url[ct];return true;" <br />onMouseOut="status=''"><br /><IMG NAME="Ad_Image" SRC="image1.gif" BORDER=0><br /></A><br /><br /><p align="center"><font face="arial" size="-2">This free script provided by <a href="http://javascriptkit.com">JavaScript Kit</a></font></p>