Gradient Background | Image Maps | Interactive Site | Protect Email Address | Rollover Animation | Rotating Banners | Textlink-shaker | Website Navigation

Member of:
ISOC
IWA
ARTT
RTS

Rotating Banners

Here is a great little script for rotating banners throughout your website. The code in the text box below can be copied and pasted into a simple text editor and saved, as is, as banner.js. Within this code you will notice that it is set up with three banners, each linked to a different url. You can have as many ads in this simple rotator as you wish, just add them following the same format as the ones shown. Also, ensure you change the var ad_count number from 3 to however many ads you have in the rotation.

<script Language="JavaScript"> var ad_count = 3; var now = new Date() var sec = now.getSeconds() var ad = sec % ad_count; ad +=1; if (ad==1) { url="http://www.bravenet.com/webtools/guestbook/index.php"; alt="The World's Best Guestbooks - Bravenet.com"; banner="http://images.bravenet.com/bravenet/images/affiliate/br5.gif"; width="468"; height="60"; } if (ad==2) { url="http://www.bravenet.com/webtools/counter/index.php"; alt="The World's Best Counters - Bravenet.com"; banner="http://images.bravenet.com/bravenet/images/affiliate/br2.gif"; width="468"; height="60"; } if (ad==3) { url="http://www.bravenet.com/webtools/forum/index.php"; alt="The World's Best Forums - Bravenet.com"; banner="http://images.bravenet.com/bravenet/images/affiliate/br8.gif"; width="468"; height="60"; } document.write('<center>'); document.write('<a href="' + url + '" target="_blank">'); document.write('<img src="' + banner + '" width='+ width + ' height=' + height + ' alt="' + alt + '" border=0><br>'); document.write('</center>'); </script>

If your email client is not rendering the text in the text area above, or if you are using hotmail, please visit the online version of this newsletter at http://www.bravenet.com/resources/newsletters/index.php?newsletter=tips

 

Below is the simple javascript include script that you would place on any of your webpages that you want the banners to appear. Once this script is on your pages, all you need to do is modify the banner.js file that you created above, and those changes will be automatically effective on every page that the include script is on.

<script language="JavaScript" src="banner.js"></script>