Rotating Banners and StatusBar Quotes - JavaScript Made Easy: Free JavaScripts Tutorials Example Code

Metachecker.net

|

TrafficChecker.net

|

RankChecker.net

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial


Rotating Banners and StatusBar Quotes

This script will not only add rotating banners/images to your page but also has rotating status bar messages.


Insert into <HEAD>
<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","image4.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.javascripts.com","www.javascripts.com","www.javascripts.com","www.javascripts.com","www.javascripts.com","www.javascripts.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>

Insert into <BODY>
<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>

Other Options