Image Rotation:
Wait and watch the image to see the script in action.
Code:
Place in the <HEAD>:
Highlight
<script language="Javascript"> <!-- //setup frames for rotating image var curFrame = 0; imgFrames = new Array(4); urls = new Array(4); for(i = 1; i < imgFrames.length; i++){ imgFrames[i] = new Image; imgFrames[i].src = "images/rotate" + i + ".gif"; } urls[1] = "http://theenterprise.com"; urls[2] = "http://theenterprise.com"; urls[3] = "http://theenterprise.com"; urls[4] = "http://theenterprise.com" function rotateFrames(delay){ //this function rotates the images. delay is the number of milliseconds between frames curFrame ++; if (curFrame > imgFrames.length - 1) curFrame = 1; document.rotateImage.src = imgFrames[curFrame].src; setTimeout("rotateFrames(" + delay + ")", delay); } function gotoURL(){ document.location = urls[curFrame]; } //--> </script>
Place in the <BODY>:
Highlight
<body onLoad="rotateFrames(5000);"> <a href="Javascript:gotoURL();"><img src="images/rotate1.gif" border="0" name="rotateImage"></a>
