<html>
<title>:: Image Rotation ::</title>
<a href="" id="link1"><img src="" name="Rotating1" id="Rotating1" height="100" width="100"></a>
<a href="" id="link2"><img src="" name="Rotating2" id="Rotating2" height="100" width="100"></a>
<a href="" id="link3"><img src="" name="Rotating3" id="Rotating3" height="100" width="100"></a>
<script language="JavaScript">
var ImageArr1 = new Array('1.gif','2.gif','3.gif');
var ImageHolder1 = document.getElementById('Rotating1');
var urlHolder1 = document.getElementById('link1');
var url1=new Array('http://www.tigersportsmarketing.com/cms/index.php?option=com_expose&Itemid=3&topcoll=7&album=5&photo=1&playslideshow=yes','google2.com','google3.com');
var ImageArr2 = new Array('4.gif','5.jpg','6.jpg');
var ImageHolder2 = document.getElementById('Rotating2');
var urlHolder2 = document.getElementById('link2');
var url2=new Array('google4.com','google5.com','google6.com');
var ImageArr3 = new Array('7.jpg','8.jpg','9.jpg');
var ImageHolder3 = document.getElementById('Rotating3');
var urlHolder3 = document.getElementById('link3');
var url3=new Array('google7.com','google8.com','google9.com');
function RotateImages(whichHolder,Start)
{
var a = eval("ImageArr"+whichHolder);
var b = eval("ImageHolder"+whichHolder);
var ur=eval("urlHolder"+whichHolder);
var u=eval("url"+whichHolder);
if(Start>=a.length)
Start=0;
b.src = a[Start];
ur.href=u[Start];
window.setTimeout("RotateImages("+whichHolder+","+(Start+1)+")",3000);
}
RotateImages(1,0);
RotateImages(2,4);
RotateImages(3,7);
</script>
<body>
</body>
</html>
[ add comment ] ( 1 view ) | permalink |
( 2.9 / 64 )
Calendar
