Random Banner Ad Rotator - JavaScript Code

It is not necessary to refresh the page. When the page is loaded a random banner ads and link are generated. The script allows you to automatically change the three random ads on your pages. It will change your website banner image with link every time your visitors visit your site.

Don't let your visitors feel boring when they visit your website. Not only using this script for banner ads rotator, you can also use it to display interesting images that will enhance your site quality.

Script Demo:

Demo

JavaScript Code:

Insert this code into <head> tags

<script language="javascript">
<!--
function randadd0()
{
//create an array of add images
 var i = new Array(new Image(120,60), new Image(120,60), new Image(120,60));
 i[0].src="imageA.gif";
 i[1].src="imageB.gif";
 i[2].src="ImageC.gif";

// I use constants so it will be easy to change values if I put up new adds
 var NameA="urlA.html";
 var NameB="urlB.html";
 var NameC="urlC.html";

//get a random number between 0 and the number of adds available
 var pictnum=Math.round(Math.random()*3)-1;
 while(pictnum<0 || pictnum>3) pictnum=Math.round(Math.random()*3)-1;

//change the banner add picture
 document.link0.src=i[pictnum].src;

//change the banner add link to match the picture
 if(pictnum==0)
  document.links[0].href=NameA;
 else if(pictnum==1)
  document.links[0].href=NameB;
 else if(pictnum==2)
  document.links[0].href=NameC;

}
//-->
</script>

Insert this code into <body> tags

<a href="target url"><img src="1.gif" border=0 width=120 height=60 name="link0" alt="add banner"></a>

Instruction:

Change the following:

imageA.gif, imageB.gif, imageC.gif to your banner image URL.
urlA.html, urlB.html ,urlC.html to the target URL.
NameA, NameB, NameC to your Website name/title.

About the sizes of the banner, modify all the values 120(width) and 60(height). Do not change the other part, unless you know what you are doing, or the script may not work.

Replace the tags <body> with <body onLoad="randadd0()">.

Webmaster » Web Programming » JavaScript » Banner » Ad Rotator - Random Banner Code

Related Links:

Home | Sitemap | Bookmark This Page

Sponsored Links

Recommended Links