Javascript Slide Show Rotation

Here is the basic source code. Place between <HEAD> & </HEAD>


<script language="Javascript">

 var banner=new Image (250, 189);

 var pos=1;

 

 banner[1]="image1.jpg";

 banner[2]="image2.jpg";

 banner[3]="image3.jpg";

 

 function rotate()

 {

        pos++;

        if (pos>3) { 

                pos = 1;

        }

        var img_file = banner[pos];

        document.banner_img.src = img_file;

        setTimeout ("rotate()",11500);

 }

</script>

Place an onload in the <BODY> tag:
<body bgcolor="#000000" onLoad='setTimeout("rotate()",11500);'>
and this, for the Slide Show:
<img src="image1.jpg" name="banner_img" width=250 height=189 border=0>

If you want to add URL's to your Slide Show, try this code.

Now, for a really HOT slide show variation, check this out: http://www.codelifter.com/main/javascript/slideshow2.html