This script creates a cycling banner. I chose to use Calvin Hobbes images instead of a traditional banner.
Source Code:
<!--
MODULE NAME: /javascript/week4/cyclebanner.cfm
PURPOSE: Assignment 1, week 4.
REFERRING MODULE(S): whiteboard_iframe.cfm
DESTINATION MODULE(S):
QUERYSTRING METHODS SUPPORTED:
AUTHOR: Grant Szabo (grant@quagmire.com) Sterling Creek Software
CREATED: 12/17/02
LAST MODIFIED: 12/17/02
-->
<html>
<head>
<title></title>
<script language="JavaScript">
adImages = new Array("/images/calvin1.gif", "/images/calvin2.gif", "/images/calvin3.gif", "/images/calvin4.gif");
thisAd = 0;
imgCt = adImages.length
function fcnRotate() {
if(document.images) {
thisAd++;
if(thisAd == imgCt) {
thisAd = 0;
}
document.adBanner.src=adImages[thisAd];
setTimeout("fcnRotate()", 3 * 1000);
}
}
</script>
</head>
<body onLoad="fcnRotate();">
<center>
<img src="http://www.quagmire.com:80/media/images/calvin1.gif" name="adBanner">
</center>
</body>
</html>