HTML Forum

**millwalll** · 02-05-2007, 05:45 AM

Hi all,

Is there a way I can have ad's on my website where i add let say 10 banners to it and every time i reload the web page it will load a new banner ?

**vn5ltr** · 02-05-2007, 07:07 AM

Depends on what language you are planning to use.
I'm assuming you have an understanding of Javascript...

Here is a simple and dirty example if your banners were named something like 'banner0.gif, banner1.gif, banner2.gif...etc' all the way up to banner9.gif (0 to 9)

Code:

<html>
<head>
<title>test</title>
<script>
function adrotator()
{
//get a number from 0 to 9
var randomnum = Math.floor(Math.random()*10);
//write the image to the layer 'adarea'
document.getElementById('adarea').innerHTML = '<img src=\'banner' + randomnum + '.gif\' \>';
}
</script>
</head>
<body onload="adrotator();">
<div id="adarea"></div>
</body>
</html>

Otherwise, your best option would be to use a server-side language like PHP or ASP where you can apply the same principle quite easily.

Cheers.

**scottfree** · 02-05-2007, 07:26 AM

I would say this is one of the best methods.
Otherwise you could start with an array of the banner images names, choose a random number between the start and end of the array and disply that image. That way it will always be random.

**MarbleHost.com** · 02-05-2007, 05:47 PM

You can use javascript or php. Javascript is easy solution, php offers more control. E. g. phpadsnew can not only rotate banners but also provide you with quality stats.

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!