Here is a great tutorial on a simple scrolling slideshow. You can define the time and its very easy to implement. Here is the code from the article:
Javascript:
<SCRIPT LANGUAGE="JavaScript">
<!--
|
var dimages=new Array();
var numImages=2;
for (i=0; i<numImages; i++)
{
dimages[i]=new Image();
dimages[i].src="images/image"+(i+1)+".jpg";
}
var curImage=-1;
|
function swapPicture() { if (document.images) { var nextImage=curImage+1; if (nextImage>=numImages) nextImage=0; if (dimages[nextImage] && dimages[nextImage].complete) { var target=0; if (document.images.myImage) target=document.images.myImage; if (document.all && document.getElementById("myImage")) target=document.getElementById("myImage"); // make sure target is valid. It might not be valid // if the page has not finished loading if (target) { target.src=dimages[nextImage].src; curImage=nextImage; } |
setTimeout("swapPicture()", 5000);
|
}
else
{
setTimeout("swapPicture()", 500);
}
}
}
|
setTimeout("swapPicture()", 5000);
|
//-->
</SCRIPT>
|
Then here is the code to place it:
<IMG WIDTH=250 HEIGHT=250 ID="myImage" NAME="myImage"
SRC="images/image0.gif"></IMG>