Avatar billede Slettet bruger
12. september 2002 - 14:58 Der er 2 kommentarer og
1 løsning

Random banner

Hey

Jeg har en side med 2 banner-pladser på.
I alt har jeg f.eks. 10 bannere der skal vises random på de to nævnte pladser.

Jeg har set mange scripts med random banner, banner rotation osv. men det har altid kun været et enkelt banner.

Her har jeg altså to/der er to bannere der skal vises - hvordan gør man det?
Avatar billede hmm10 Nybegynder
12. september 2002 - 16:49 #1
tja, man kunne jo altid lave 2 funktioner ved at skrive den ene funktion 2 gange. Navne og funktionsnavn skal selvfølgelig skiftes...
Avatar billede Slettet bruger
12. september 2002 - 16:58 #2
Sættes i head:

<script>
bill = new Array("banner1.gif", "banner2.gif", "banner3.gif", "banner4.gif"); //Bannerne. Listen kan sagtens udvides
url = new Array("link1.html", "link2.html", "link3.html", "link4.html"); //Linkene til bannerne, i den samme rækkefølge
hast = 3000; //Tid i millisekunder mellem hvert skift

pb = new Array();

for (i = 0; i < bill.length; i++) {
pb[i] = new Image();
pb[i].src = bill[i];
}

ude = new Array();

function skift() {
do
tal1 = Math.floor(Math.random() * bill.length);
while (ude[0] == tal1 || ude[1] == tal1);
do
tal2 = Math.floor(Math.random() * bill.length);
while (ude[0] == tal1 || ude[1] == tal1 || tal2 == tal1);
document.images["banner1"].src = pb[tal1];
document.images["banner2"].src = pb[tal2];
setTimeout(skift, hast);
}

function side(nr) {
self.location.href = url[ude[nr]];
}
</script>

Ved body-tagget:

<body onLoad="setTimeout(skift, hast);">

Dér hvor bannerne skal være:

<script>
tilf1 = Math.floor(Math.random() * bill.length);
do
tilf2 = Math.floor(Math.random() * bill.length);
while (tilf2 == tilf1);
ude[0] = tilf1;
ude[1] = tilf2;
document.write('<a href="#" onClick="side(0);"><img src="' + bill[tilf1] + '" border="0"></a>');
document.write('<a href="#" onClick="side(1);"><img src="' + bill[tilf2] + '" border="0"></a>');
</script>
Avatar billede Slettet bruger
12. september 2002 - 16:59 #3
Den tredjesidste og næstsidste linje skal nok ændres til dette:

document.write('<a href="#" onClick="side(0); return false;"><img src="' + bill[tilf1] + '" border="0"></a>');
document.write('<a href="#" onClick="side(1); return false;"><img src="' + bill[tilf2] + '" border="0"></a>');
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester