|
Cut and paste this script into the HEAD of your document:
<script language="JavaScript">
<!-- Begin hiding script from older browsers
// Replace the images inside the double-quotes to your own images
// You may have any number of images
adImages = new Array("image1.jpg","image2.jpg","image3.jpg","imag e4.jpg","image5.jpg","image6.jpg")
// Replace the quotes to inside the double-quotes to your own quotes
// You may have any number of quotes but they must equal the number of images that rotate
quote = new Array("This is Image 1","This is Image 2","This is Image 3","This is Image 4","This is Image 5","This is Image 6")
// Please remove this lineand the double-slashes at the beginning of the next line to add links to the rotating images
// adURL = new Array ("www.zdnet/developer.com","www.zdnet/developer.com","www.zdnet/developer.com","www.zdnet/developer.com","www.zdnet/developer.com","www.zdnet/developer.com")
// Please remove this line to add links to the rotating images
thisAd = 0
imgCt = adImages.length
quoteCt = quote.length
function rotate() {
if (document.images) {
if (document.cycle.complete) {
thisAd++
if (thisAd == imgCt && thisAd == quoteCt) {
thisAd = 0
}
document.cycle.src = adImages[thisAd];
window.defaultStatus = quote[thisAd];
}
// This sets the interval to which the images and quotes are rotated. 1000 equals 1 second
setTimeout("rotate()", 3500)
}
}
// Please remove this lineand the double-slashes at the beginning of the next line to add links to the rotating images
// function rotateLink() { window.parent.location.href = "http://" + adURL[thisAd] }
// Please remove this line to add links to the rotating images
// End hiding script from older browsers -->
</script>
Cut and paste this into the BODY of your document:
<!-- Remember to add this to the body tag -->
<body onLoad="rotate()">
<!-- Add an anchor tag to the image to call the rotateLink function of the script for links -->
<p align="center"><img src="image1.jpg" width="480" height="60" border="0" name="cycle"></p>
|