Rotating Banners

johnnybananas

10-13-2008, 11:03 PM

Hi guys.

I have a webpage with 6 rotating Header Banners. Each one changes after 3 second cycles. I want them to open a new window with their corresponding target destination when each one of these banners is clicked on. I am having trouble trying to get the banners to cycle. Currently, the first banner shows up and clicks to its new window, however, the rest of the banners don't cycle through.

Can someone please help me get this working properly?

Thank you.

The 2 files are shown below..

=== index.html ===

<html>
<head>
<title>Southern California Vacation</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Language" content="EN-US">

<script src="header.js" language="javascript" type="text/javascript"></script>

</head>

<body bgcolor="#CCCCCC" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="window.setTimeout('cycle();',3000);(loadbanners());(urlswitch());">

<a href="http://www.somepage.com" onclick="this.href=urlswitch()" TARGET= "_blank"><img src="/images/advertisers/headerads/adv1003.jpg" width="468" height="60" border="0" name="banner1"></a>

</body>
</html>

=== header.js ===

vwphillips

10-14-2008, 10:27 AM

<!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" xml:lang="en" lang="en">

<head>
<title></title>

<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
var ImgeAry1=[['One.gif','URL1.htm'],['Two.gif','URL2.htm'],['Three.gif','URL3.htm']];

function zxcInitBanner(zxcid,zxcary,zxcspd){
var zxcp=document.getElementById(zxcid);
if (!zxcp.oop) zxcp.oop=new zxcBannerOOP(zxcp,zxcary,zxcspd);
}

function zxcBannerOOP(zxcp,zxcary,zxcspd){
var zxcoop=this;
zxcp.onmouseover=function(){ zxcoop.stop=true; }
zxcp.onmouseout=function(){ zxcoop.stop=false; }
this.p=zxcp;
this.a=zxcp.parentNode;
this.path=zxcp.src.substring(0,zxcp.src.lastIndexOf('/')+1);
this.ary=zxcary;
this.ary.push([zxcp.src.replace(this.path,''),this.a.href]);
this.cnt=0;
this.spd=zxcspd||3000;
this.to=null;
this.cng();
this.stop=false;
}

zxcBannerOOP.prototype.cng=function(){
if (!this.stop) {
this.cnt=++this.cnt%this.ary.length;
this.p.src=this.path+this.ary[this.cnt][0];
this.a.href=this.ary[this.cnt][1];
}
this.to=setTimeout(function(zxcoop){return function(){zxcoop.cng();}}(this),this.spd);
}

/*]]>*/
</script>

</head>

<body onload="zxcInitBanner('tst1',ImgeAry1,3000);zxcInitBanner('tst2',ImgeAry1,1000);" >
<a href="url0.htm" target="_blank" onclick="alert(this.href); return false;">
<img id="tst1" src="http://www.vicsjavascripts.org.uk/StdImages/Zero.gif" width="100" height="100" />
</a>
<br />
<a href="url0.htm" target="_blank" onclick="alert(this.href); return false;">
<img id="tst2" src="http://www.vicsjavascripts.org.uk/StdImages/Zero.gif" width="100" height="100" />
</a>
</body>

</html>

johnnybananas

10-14-2008, 11:49 PM

Thanks for the script. I appreciate your help.

I was finally able to get mine to work though. Heres what it should look like guys. Now time to get the side Skyscraper ones to work..

=== index.html ===

<html>
<head>
<title>Southern California Vacation</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Language" content="EN-US">

<script src="header.js" language="javascript" type="text/javascript"></script>

</head>

<body bgcolor="#CCCCCC" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="window.setTimeout('cycle();',3000);(loadbanners());(urlswitch());">

<a href="http://www.somepage.com" onclick="this.href=urlswitch()" target= "_blank"><img src="/images/advertisers/headerads/adv1003.jpg" width="468" height="60" border="0" name="banner1"></a>

</body>
</html>

=== header.js ===

nellymelon

11-04-2008, 02:48 PM

I'm relatively new to coding, so sorry if I'm asking stupid questions.

I used the code below to feature rotating banners on my site & it worked fantastically, so thanks.

The only problem is that the 1st banner shows for alot longer than the other 2, which show for my specified time of 7 seconds.

Is this just because of the page load time, and there's nothing I can do to equalise the time display? Or does anyone know how to overcome this?

Any advice gratefuly received!