home

 

web design logo

Rotating Banner  

Resources
Class Schedule
Textbook Site
Javascript Resources
Class Notes
   

Making a Rotating Banner

<HTML>
<HEAD>
<TITLE>Making an Image Array</TITLE>
<Script language=javascript>

<!—Hide from old browsers

adImages = new Array(“images/banner1.gif”,”images/banner2.gif”,”images/banner3.gif”)
thisAd = 0
imageCt = adImages.length

function rotate() {
if (document.images) {
thisAd++
if (thisAd == imageCt) {
thisAd = 0
}
document.adBanner.src=adImages[thisAd]
setTimeout(“rotate()”, 3 * 1000)
}
}

// End hiding -->
</script>
</HEAD>

<BODY BGCOLOR=FFFFFF onLoad=”rotate()”>
<CENTER>
<IMG SRC=”images.banner1.gif” WIDTH=300
HEIGHT=100 NAME=”adBanner”>
</CENTER>
</BODY>
</HTML>


 

 

 

 

 

 

 

Last Updated: May 30, 2008