Sometimes I try to be helpful to other bloggers! This is one such occasion. Gather round for this brief javascript report.

Rotating banner javascript code

Back in October 2007, before we were popular, we incorporated a rotating banner in a box in the left sidebar of our website. It displayed the logos of 9 sponsors/fanboi sites which appeared randomly with each page refresh. That ad box has gone, but we still use the code to power the Web Search and Visitor Tip boxes in the left sidebar.

If you like the idea of a box full of rotating logos or banners, rather than use a javascript code analyzer to find out how we do it, here is the code to create the template. Slip it into any html page.

<script language="JavaScript"> var openInNewWin = true; var banners = new Array(); banners[0] = new Banner("full URL of site you want to link the image to", "TITLE", "URL of image"); banners[1] = new Banner("full URL of site you want to link the image to", "TITLE", "URL of image"); banners[2] = new Banner("full URL of site you want to link the image to", "TITLE", "URL of image"); function Banner(url, description, image) { this.url = url; this.description = description; this.image = image; return this; } var bNum = Math.round(Math.random() * (banners.length - 1)); document.write("<a href=\"" + banners[bNum].url + "\""); if (openInNewWin) { document.write(" target=\"_blank\""); } document.write(">"); document.write("<img src=\"" + banners[bNum].image + "\" border=\"0\" alt=\"" + banners[bNum].description + "\">"); document.write("</a>"); </script>

Each banner appears at random, no delays.

You can add banners ad infinitem, in theory there is no limit.

Bottom line, I highly recommend it for sidebar images, adverts, photos...

Here are the sites we featured in the javascript rotating banner. Give 'em a click and see. You might discover something kewl!

More Pisstakers gems about javascript - a ratings script, and stupid javascript scripts.