Bildertausch in einer Bildleiste mit JavaScript

Während DHTML browserspezifisch zu programmieren ist, funktioniert »reines« JavaScript mit mehreren Browsern, ohne das jeweils spezifische Anpassungen notwendig wären.
Dieses JavaScript tauscht alle 5 Sekunden ein Bild nach dem Zufallsprinzip aus.

Das JavaScript

	Position in der html-Datei: head-Bereich
<script type="text/javascript"> <!-- maxbi=7; maxarchiv=13; var anzeig=new Array(0,1,2,3,4,5,6); var archiv=new Array(0,7,8,9,10,11,12,13,14,15,16,17,18); var bild=new Array(18); var bILDpfaD = "js/b"; var eXTENsio = ".gif" function start() { if ((Math.random) && (document.images)) { lad="1"; for(var i=1;i<19;i++) { var k = "b"+(i+100); var j = k.charAt(2)+k.charAt(3); bild[i] = new Image(); bildersrc = bILDpfaD+j+eXTENsio; bild[i].src = bildersrc } window.setTimeout("biwe()",5000); } } function biwe() { var wecbi = 1+Math.floor(Math.random()(maxbi-1)); var archivbi = 1+Math.floor(Math.random()(maxarchiv-1)); document.images["b"+wecbi].src=eval("bild["+archiv[archivbi]+"].src"); var speicher = anzeig[wecbi]; anzeig[wecbi] = archiv[archivbi]; archiv[archivbi] = speicher; window.setTimeout("biwe()",5000); } function stop() { lad="0"; } // die IMG-tags muessen mit name="b#" benannt sein, mit # = 1 bis maxbi-1 //--> </script>

Die Bilder für dieses Beispiel:

Quelle: www.donbosco.de Bitte beachten: Keine Haftung für Inhalte fremder Internetseiten .