:: DREAMWEAVER RESOURCES :: SIMPLE IMAGE ROTATOR - SLIDE SHOW ::

This goes in the head of your document, before the closing head tag. Change the image names to suit your own. <script language="JavaScript1.1"> <!-- var image1=new Image() image1.src="scrollerpics/boats.jpg" var image2=new Image() image2.src="scrollerpics/paris.jpg" var image3=new Image() image3.src="scrollerpics/sydneybridge.jpg" var image4=new Image() image4.src="scrollerpics/thebayp.jpg" //--> </script> The following code goes where you want the slide show to be: eg: into a table cell as we have done in our example. <script> <!-- //variable that will increment through the images var step=1 function slideit(){ //if browser does not support the image object, exit. if (!document.images) return document.images.slide.src=eval("image"+step+".src") if (step<3) step++ else step=1 //call function "slideit()" every 2.5 seconds setTimeout("slideit()",2500) } slideit() //--> </script>