Random banner

**Nexon** · 07-14-2005, 03:44 PM

hi, on my page i'd like my topbanners to load random on each page. I mean that if i open index, banner1 loads and when I press "Update" maybe banner3 loads.
Do any of you know the code for that?

I hope you got what i ment.

**Kaiman** · 12:22 AM

Nexon,

Try searching Hotscripts for Banner Rotation scripts. I have seen them done with PHP, Java, and other server sided languages but not with Javascript, although I believe it should be possible.

If Hotscripts doesn't have what your looking for, try using Google.

Kaiman

Website Design and Hosting - Glenwood Springs, CO
Storm King Computer Consulting

P.S. I don't know what kind of web hosting you have but I just noticed that CPanel (Linux/Unix online webhosting control panel) has a built in script called Entropy Banner that may be something like what you are looking for.

**onlyplace4** · 07-15-2005, 08:20 AM

I have a JavaScript banner rotator on my site that uses a .js file to store the details of each banner, and then a function to select a random banner. The essential basics of the function are shown below:

Code:

function banner() {
	which = Math.random();
	which = Math.round(which*howmany);
	document.images['banner'].src = urls[which];
}

The variable howmany is stored in the .js file with the url information and is simply a howmany = urls.length-1; statement (the array that the urls are stored it is called urls).

Hope that is of some help.

**Dark-Skys99** · 07-15-2005, 09:20 AM

This should do what you want..

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
<!--

function getrandbanner() {

var imgs = new Array();

imgs[0] = 'banner1.gif';
imgs[1] = 'banner2.gif';
imgs[2] = 'banner3.gif';
imgs[3] = 'banner4.gif';

var p = imgs.length;

var randimg = Math.round(Math.random()*(p-1));

document.getElementById("randimg").src= imgs[randimg];

}

//-->
</script>
</head>

<body onload="getrandbanner();">
<img src="" alt="" id="randimg" />
</body>
</html>