DHTML Image Effects - Total JavaScripts 99

Insert This code into between the <HEAD> tags of your HTML Page.

Insert This code into between the <Body> tags of your HTML Page.

If you want more than three images, add the below code to the above:

var image4=new Image()
image4.src="fourthimage.gif"

where "4" represents the fourth image. If you have a fifth image, add even more of those two lines, with "4" changed to "5".

Finally, insert the below into the <body> tag itself, like this:

We're not quite out of the woods yet... Now, change "firstimage.gif" inside the <a> tag to your own (the first image). Change "var number_of_images=3" and "var speed=3" in the first two lines of the <script> tag to reflect your own configuration, where "number_of_images" contains the number of images in the slideshow, and "speed" represents the pace at which the image slideshow changes (in seconds). In the last few lines of the <script> tags, you see:

"
"
else if (whichimage==2)
window.location="link2.htm"
else if (whichimage==3)
window.location="link3.htm"

Change "link1.htm, "link2.htm", and "link3.htm" to your own URLs; These URLs are the ones that will be associated with the first, second, and third image, respectively. If you have more than three images in the sideshow, add more of the below to the above code:

else if (whichimage==4)
window.location="link4.htm"

where "4" represents the fourth image. If you have a fifth image, add even more of those two lines, with "4" changed to "5".