Hvordan laves 3 uafhængige bannerrotationer med hver 10 banners
Jeg har en bannerrotation på min hjemmeside home1.stofanet.dk/melcke3, som virker perfekt med tilfældig rækkefølge, men jeg ønsker har brug for yderligere 2 bannerrotationer, d.v.s. ialt 3 uafhængige bannerrotationer med eks. hver 10 banners.Sådan virker min nuværende ene bannerrotator.
I head: <script src="banner.js"></script>
I body: <BODY onload="rotator()" link="#000000" vlink="#000000" alink="#000000">
<!--her indsættes bannerreklamer-->
<td width="472" height="1" style="border-style: solid; border-width: 1" colspan="3" valign="middle" align="center" bgcolor="#C0C0C0">
<div id="banner"></div>
Javascriptet: banner.js
var pause = 2000; //Pause inden nyt billede vises. Angives i millisekunder.
var random = true; //Skal det første billede som vises være tilfældigt. Angiv true eller false.
var target='_new'; //Hvor skal links åbnes. '_new' er nyt vindue. '_self' er samme vindue.
var img = new Array(); //Angiv billeder med filstier
img[0] = 'banners/AGF.jpg';
img[1] = 'banners/Brondby.jpg';
img[2] = 'banners/Esbjerg.jpg';
img[3] = 'banners/FC_Midtjylland.jpg';
img[4] = 'banners/FC_Nordsjaelland.jpg';
img[5] = 'banners/FCK.jpg';
img[6] = 'banners/Horsens.jpg';
img[7] = 'banners/Lyngby.jpg';
img[8] = 'banners/Randers.jpg';
img[9] = 'banners/Roedby_Boldklub.jpg';
img[10] = 'banners/Viborg.jpg'
img[11] = 'banners/Aab.jpg';
var link = new Array() //Angiv eventuelle links til billederne
link[0] = 'http://www.agf.co.dk';
link[1] = 'http://www.brondby.com';
link[2] = 'http://www.efb.dk';
link[3] = 'http://www.fcm.dk';
link[4] = 'http://www.fcn.dk';
link[5] = 'http://www.fck.dk';
link[6] = 'http://www.achorsens.dk';
link[7] = 'http://www.lyngby-boldklub.dk';
link[8] = 'http://www.randersfc.dk';
link[9] = 'http://www.rodbyboldklub.dk';
link[10] = 'http://www.vff.dk';
link[11] = 'http://www.aabsport.dk';
var imgID = 0;
if (random) imgID=Math.round(Math.random()*(img.length-1));
function rotator(){
var imgString="";
if (link[imgID]) imgString = '<a href="'+link[imgID]+'" target="'+target+'">';
if (img[imgID]) imgString = imgString + '<img src="'+img[imgID]+'" border="0">';
if (link[imgID]) imgString = imgString + '</a>';
if (imgID==img.length-1) imgID=0; else imgID++;
document.getElementById('banner').innerHTML=imgString;
setTimeout('rotator()',pause)
}
