Bannerrotator - Bilder nach dem Reload wechseln

Mehrer Bilder sollen sich nach dem Reload der Seite wechseln. Das erreicht man mit Hilfe eines Java Scriptes.

Code:


var bannerimg=new Array();
var bannerurl=new Array();
bannerimg[bannerimg.length]="http://www.banner.com/img1.jpg";
bannerimg[bannerimg.length]="http.//www.banner.com/img2.jpg";
bannerurl[bannerurl.length]="http://www.werbung.com/click-???";
var viewimg=Math.round(Math.random()*(bannerimg.length-1));
var viewurl=Math.round(Math.random()*(bannerurl.length-1));
document.write("<a href='"+bannerurl[viewurl]+"' target='_blank'>
<img src='"+bannerimg[viewimg]+"' border='0'></a>");

banner[bannerimg.length]= : Man kan diesen Befehl mehrfach eintragen und dabei anderen Banner verwenden. Nach dem Reload wird der nächste Banner angezeigt.

Optional könnte man CSS Style mit eibinden, z.B. "With", "Height" u.s.w.
Den Code in eine JS-Datei (z.B. bannerrotator.js) speichern und mit:

<script type="text/javascript" src="bannerrotator.js"></script> 

oder mit:

<script type="text/javascript"> Code </script>

in die Seite einbinden.