Verwisselende banner

[Neotrax]

Tja, een verwisselende banner. De omschrijving is miss wat krom. Kzal even vertellen wat ik precies bedoel:
Ik wil graag in mijn HTML pagina een banner toevoegen. Dit moet niet een gewone banner worden maar een banner die als ik mijn pagina laad elke keer anders word. Bv. de ene keer va mijn eigen website, een andere keer een banner van google. Het moet automatisch gaan en op de zelfde plek blijven etc. Miss met behulp van javascript?
Iemand ideeen, tips of advies?

Neo

 

[Johantrax]

Ik zou:

1. de verschillende bannersources in een array zetten
2. even kijken hoe de random-functie in javascript werkt
3. afhankelijk van een random index, de overeenkomstige afbeelding weergeven

Over het wisselen van een afbeelding afh van de source kan dit je op weg zetten:
imagerollover / sound

--Johan

 

[JeroenE]

Dit heb ik even gemaakt :

Zet het volgende in de head van je document :

<script language="javascript" type="text/javascript">
<!--
// het definieren van de array, waarin we de img en de link verwerken per site
// als je meer links wilt, voeg er dan gewoon toe zoals de andere er al staan
var links = new Array();
links[0] = "google.gif||www.google.com";
links[1] = "http://layout.helpmij.nl/images/logonieuw.gif||www.helpmij.nl";
links[2] = "jemimaja.gif||www.jemimaja.be";
links[3] = "VAVLogo.jpg||www.aikido-vav.be";

// de if hieronder heb ik gebruikt om te bepalen of het een hotlink is of een afbeelding op de eigen site
// waarbij je "Beelden" verandert in de map waar jouw afbeeldingen in staan
// staan die in dezelfde map als je html-document,
// doe dan de if-else weg en verander in de lijn document.write my_pic in my_link[0]
function setLink() {
the_link = Math.floor(Math.random() * links.length);
my_link = the_link.split("||");
if (my_link[0].substr(0,7) != "http://") {
my_pic = "Beelden/" + my_link[0];
} else {
my_pic = my_link[0];
};
document.write("<a href='http://" + my_link[1] + "'><img src='" + my_pic + "' border='0'></a>");
};
-->
</script>

en het volgende in de body van je document waar de link moet komen :

<script language="javascript" type="text/javascript">
<!--
setLink();
-->
</script>

Hier een voorbeeld.

Greetz : Jeren.

 

[Neotrax]

Ah geweldig,
Precies wat ik zocht,. Thanks man! (H)