brauchbar.de - WebDesign, Programmierung,Development in HTML, CSS, Javascript, PHP, Perl und mehr

[ Startseite | Artikel : HTML · JavaScript · CSS · Perl · Usability · Sonstiges | Services | Über ]

Bannerrotation mit JavaScript

Dieser Artikel liefert und dokumentiert eine einfache Bannerrotation, wie man sie von CGIs kennt. Aus einer Menge von möglichen Bannern wird ein zufälliger dargestellt und beim Anklicken wird die entsprechende Site geladen.

Script

zum Artikel / zur Dokumentation

<script type="text/javascript"><!--

var bilder = new Array(

// diese Bilder gibt es alle nicht,
// sie dienen nur als Beispiele.
// bitte vor einem Test gegen echte austauschen.

'http://www.brauchbar.de/logo.gif',
'http://www.yahoo.de/logo.gif',
'http://www.altavista.de/logo.gif');

var urls = new Array(
'http://www.brauchbar.de',
'http://www.yahoo.de',
'http://www.altavista.de');

function banner() {

// bannerRotation von Thomas Salvador, 2000, http://www.brauchbar.de
// Wiederverwendung erlaubt, solange der Hinweis vollstaendig und
// unveraendert erhalten bleibt. Verwendung ohne oder mit veraendertem
// Hinweis ist nicht erlaubt. Ein BackLink zur Site wird erbeten.

var no= (new Date()).getTime()%bilder.length;
document.write('<a href="'+urls[no]+'" target="_top">');
document.write('<img src="'+bilder[no]+'"></a>');

}
//-->
</script>

zum Artikel / zur Dokumentation

Bannerrotation mit JavaScript

Script

Verwandte Artikel und Seiten