Forum Moderators: open

Message Too Old, No Replies

Add Rotation to banner ad script

Need to write a function to rotate between banners

         

jomoweb

5:40 pm on Jun 29, 2007 (gmt 0)

10+ Year Member



I am running this banner script which serves up a random banner ad each time a page is loaded. But I also need it to have it rotate between banners every 6 seconds or so. I have looked at just about every banner script on the web and could not find one that:

a. Starts with random banner
b. Has Target _blank function
c. Rotates banners at intervals.

It seems like every script had one or two of these features but not all three. I was hopig a kind professional could help me make this script rotate 'em.


<script language="Javascript">
<!--
var currentdate = 0;
var core = 0;

function initArray() {

this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}
}

link = new initArray(
"http://example.com/page1",
"http://example.com/page2",
"http://example.com/page3"
);

image = new initArray(
"http://example.com/images/banner_1.jpg",
"http://example.com/images/banner_2.jpg",
"http://example.com/images/banner_3.jpg"
);

text = new initArray(
"Example 1 Title",
"Example 2 Title",
"Example 3 Title"
);

var currentdate = new Date();
var core = currentdate.getSeconds() % image.length;
var ranlink = link[core];
var ranimage = image[core];
var rantext = text[core];

document.write('<a href=\"' +ranlink+ '\" target=\"_blank\"><img src=\"'+ranimage+'\" border="0" alt=\"'+rantext+'\"></a>');

//-->
</script>

Trace

7:24 pm on Jun 29, 2007 (gmt 0)

10+ Year Member



I just modified what you already had:

<script type="text/javascript">
function initArray() {

this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}
}

link = new initArray(
"http://example.com/page1",
"http://example.com/page2",
"http://example.com/page3",
"http://example.com/page4",
"http://example.com/page5",
"http://example.com/page6"
);

image = new initArray(
"http://example.com/images/banner_1.jpg",
"http://example.com/images/banner_2.jpg",
"http://example.com/images/banner_3.jpg",
"http://example.com/images/banner_4.jpg",
"http://example.com/images/banner_5.jpg",
"http://example.com/images/banner_6.jpg"
);

text = new initArray(
"Example 1 Title",
"Example 2 Title",
"Example 3 Title",
"Example 4 Title",
"Example 5 Title",
"Example 6 Title"
);

function getRandom(){
var core = Math.floor(Math.random()*6); // amount of items in array
displayBanner(core)
}

function displayBanner(theNum){
var ranlink = link[theNum];
var ranimage = image[theNum];
var rantext = text[theNum];

//document.write('<a href=\"' +ranlink+ '\" target=\"_blank\"><img src=\"'+ranimage+'\" border="0" alt=\"'+rantext+'\"></a>');
document.getElementById('theImg').alt=rantext;
document.getElementById('theImg').src=ranimage;
document.getElementById('theLink').href=ranlink;
}
</script>

<a href="#" target="_blank" id="theLink"><img src="" border="0" alt="" id="theImg"></a>

<script type="text/javascript">
getRandom();
setInterval("getRandom()", 6000);
</script>