Rotating Banner Question

Ian Hubling · Feb 8, 2004

I'm trying to complete a rotating banner ad within a page I have. The
rotating add has four images that rotate in three-second increments.
I've got the images to rotate ok - but now I want to go one step
further and can't figure out how to do it...

I want to have it so that when the person clicks on the specific ad,
they are taken to a URL that is unique to each ad.

I presume I would have to surround the img tag with an href tag, but
how would I reference the array to get the correct URL?? HELP.

Here is the code I'm using. Any help would be appreciated.

I've omitted unnecessary parts of the page.

-----------------------------------------------
<head>
<script>
var myPix, imCt, thisAd;
myPix=new Array("images/banner01.jpg", "images/banner02.jpg",
"images/banner03.jpg", "images/banner04.jpg");
imgCt=myPix.length;
var thisAd=0;
function rotate()
{
thisAd++
if(thisAd==imgCt)
{
thisAd=0;
}
document.adBanner.src=myPix[thisAd];
setTimeout("rotate()",3*1000);
}
</script>
</head>

<body onLoad="rotate();">
<div align="center">
<img src="images/banner01.jpg" name="adBanner"/></div>
</body>

Ian Hubling · Feb 9, 2004

Ian Hubling said:
Ian Hubling said:

I'm trying to complete a rotating banner ad within a page I have. The
rotating add has four images that rotate in three-second increments.
I've got the images to rotate ok - but now I want to go one step
further and can't figure out how to do it...

I want to have it so that when the person clicks on the specific ad,
they are taken to a URL that is unique to each ad.

I presume I would have to surround the img tag with an href tag, but
how would I reference the array to get the correct URL?? HELP.

Here is the code I'm using. Any help would be appreciated.

I've omitted unnecessary parts of the page.

-----------------------------------------------
<head>
<script>
var myPix, imCt, thisAd;
myPix=new Array("images/banner01.jpg", "images/banner02.jpg",
"images/banner03.jpg", "images/banner04.jpg");
imgCt=myPix.length;
var thisAd=0;
function rotate()
{
thisAd++
if(thisAd==imgCt)
{
thisAd=0;
}
document.adBanner.src=myPix[thisAd];
setTimeout("rotate()",3*1000);
}
</script>
</head>

<body onLoad="rotate();">
<div align="center">
<img src="images/banner01.jpg" name="adBanner"/></div>
</body>

Click to expand...

Hi,
one suggestion would be to create a URL array of corresponding destinations
and
add an onclick handler to the image which uses the array and thisAd to open
the
appropriate destination.

myURL=new Array( "url1", url2", url3", url4");

function newWindow()
{
// alert( "you clicked " + thisAd);
window.open( myURL[thisAd]); // or a redirect
}

and

<img src="hook1.jpg" name="adBanner"/ onclick="newWindow();"></div>

Thank you very much! I modified it slightly from your response - but
you gave me exactly what I was looking for. Here's the script I ended
up with. Works like a charm!

//-------------------------------------------------------

<head>
<script>
var myPix, imCt, thisAd;
myPix=new Array("images/banner02.jpg", "images/banner03.jpg",
"images/banner04.jpg");
imgCt=myPix.length;
var thisAd=0;
function rotate()
{
thisAd++
if(thisAd==imgCt)
{
thisAd=0;
}
document.adBanner.src=myPix[thisAd];
setTimeout("rotate()",3*1000);
}

myURL=new Array("url1.htm", "url2.htm","url3.htm");
function vgotoad()
{
window.location.href(myURL[thisAd]);
}
</script>
</head>

<body onLoad="rotate();">

<div align="center"><img src="images/banner01.jpg" name="adBanner"
onClick="vgotoad();"></div>
</body>

Help with Visual Lightbox: Scripts	2	May 3, 2023
mouseout stopping a function	4	May 12, 2006
Banner chains / page slowdown	2	Jan 30, 2007
Having difficulty with the layout of these images / video for this web page	2	Jul 5, 2022
How to make a div select work?	5	Jan 13, 2022
JQuery hover error	3	Aug 28, 2023
New to coding - image to the time of day based on time	2	May 14, 2022
How do I place a dynamic value in the HREF	10	Mar 11, 2006

Rotating Banner Question

Ian Hubling

Ian Hubling

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads