Kleine Bannerrotation

Wer einfallsreich ist, kann auch aus dem kleinsten Skript den
größten Effekt rausholen. Eine kleine Bannerrotation
mit JavaScript.Natürlich ist das ganze keine wirkliche Bannerrotation, nein
es wird nach dem Zufallsprinzip ein Werbebanner eingeblendet.

<SCRIPT LANGUAGE="javascript">

banners = new Array()
banners[0]="<IMG BORDER=0 SRC=banner0.gif>"
banners[1]="<IMG BORDER=0 SRC=banner1.gif>"
banners[2]="<IMG BORDER=0 SRC=banner2.gif>"
banners[3]="<IMG BORDER=0 SRC=banner3.gif>"
banners[4]="<IMG BORDER=0 SRC=banner4.gif>"

GoTo = new Array()
GoTo[0]="https://www.devmag.net"
GoTo[1]="http://www.exine.de"
GoTo[2]="http://www.htmlgoodies.com"
GoTo[3]="http://www.ideenreich.com"
GoTo[4]="http://www.designerinaction.de"

var nr = Math.round(4 * Math.random());

var Link = GoTo[nr]
var Image = banners[Number

document.write("<CENTER><A HREF=" +Link+ ">"
+Image+ "</A></center>")

</SCRIPT>

Das Skript besteht zum größten Teil aus zwei Arrays,
in denen die Bilder, und die dazugehörigen Links definiert
werden. Das Arrayelment banners[0] hat als dazugehörigen
Link GoTo[0].
Die beiden Arrays sind numerische Arrays, d.h. sie haben
Zahlen in den Indizes. Der wichtigste Teil kommt jedoch erst, es
muss eine Zahl, nach dem Zufallsprinzip ausgewahlt werden. Dazu
dient eine Mathematische Funktion, die Math.random()
diese erzeugt eine Zufallszahl im Bereich von 0 – 1, es kann also
0,05 genauso wie 0,95 erzeugt werden, diese erzeugte Zahl wird mal
4 genommen, 4 * Math.random(), wobei der Multiplikator
die größt mögliche Zahl sein muss. Die Math.round()
Funktion rundet das Ergebnis dann ab.

Es ist eine kleine mathematische Spielerei über welche die
Zufallszahl, gewonnen wird, aber eigentlich nur logisch, die Zahl
kann nie größer als 4 werden, da die Zufallszahl ja immer
kleiner als 1 ist.
Die letzte Anweisung gibt nun den eben generierten Code aus.

This entry was posted in Javascript Tricks. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *