Sie sind hier: Home > Tricks > Javascript > Kleine Ban...

Kleine Bannerrotation

Stand vom 04.04.2002
Wer einfallsreich ist, kann auch aus dem kleinsten Skript den größten Effekt rausholen. Eine kleine Bannerrotation mit JavaScript.

Fachbegriffe

Linktipps

Werbung GPS Navigation Webhosting inkl. Domain AWD Erfahrung

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]="http://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.