Hi all,
I'm trying to rotate 5 images which load from the server. My script loads
the images but when i move to the end of my array i want to cycle throught
the array again so that the images will load again in succession. At the
moment the images load through once and then stop on the first one. How can
i make my code constantly cycle throuhg the images and not stop once it has
gone through one time?
Here is my current code:
<SCRIPT language="JavaS cript">
var pic_width=300;
var pic_height=300;
if (document.image s)
{
pic1= new Image(pic_width ,pic_height);
pic1.src="http://www.ripnet.com/SilverHarbor/steveTEST/pics/pic1.jpg";
pic2= new Image(pic_width ,pic_height);
pic2.src="http://www.ripnet.com/SilverHarbor/steveTEST/pics/pic2.jpg";
pic3= new Image(pic_width ,pic_height);
pic3.src="http://www.ripnet.com/SilverHarbor/steveTEST/pics/pic3.jpg";
pic4= new Image(pic_width ,pic_height);
pic4.src="http://www.ripnet.com/SilverHarbor/steveTEST/pics/pic4.jpg";
pic5= new Image(pic_width ,pic_height);
pic5.src="http://www.ripnet.com/SilverHarbor/steveTEST/pics/pic5.jpg";
}
var pics= new Array(5)
pics[0]=pic1.src;
pics[1]=pic2.src;
pics[2]=pic3.src;
pics[3]=pic4.src;
pics[4]=pic5.src;
var numpics=5;
var thenum=0;
imgName="img1";
function change_it()
{
if (document.image s)
{
document.write( "<IMG SRC='"+pics[thenum]+"' border='0'
width='"+pic_wi dth+"' height='"+pic_h eight+"' name='img1'>\n" );
setTimeout('cha nge_it2()',1000 );
}
}
function change_it2()
{
var x=0;
thenum+=1;
if (thenum>numpics-1)
{
document[imgName].src=pics[0];
}
else
{
document[imgName].src=pics[thenum];
x+=-1;
setTimeout('cha nge_it2()',1000 );
}
}
//-->
</SCRIPT>
<body>
<SCRIPT language="JavaS cript">
<!--
change_it()
//-->
</SCRIPT>
</body>
kudos
steve