Bildwechsel 4

Hier wird ein zufälliges Bild ausgetauscht.






 <script>


pic1 = new Image();
pic1.src = "buttn1.gif";

pic2 = new Image();
pic2.src = "buttn2.gif";

bildnam=new Array("bild1", "bild2", "bild3", "bild4", "bild5");

function bildwechsel(){

for(var i= 0; i < bildnam.length; i++){
window.document.images[i].src = pic1.src;
}

var z=Math.floor(Math.random()*5);
var bildnr=(bildnam[z]);
window.document.images[bildnr].src = pic2.src;
}


</script>
<body onLoad="bildwechsel()">
<form>
<input type="button" value="bilder wechseln" onClick=bildwechsel()>
</form>

In der Funktion bildwechsel() werden zuerst alle Bilder in einer for-Schleife mit pic1 versehen.Mittels Math.random() wird eine Zufallszahl zwischen 0 und 1 erzeugt. Diese wird mit 5 multipliziert und das Ergebnis mittels Math.floor(wert) abgrundet. So werden Zufallszahlen zwischen 0 und 4 erzeugt, welche dann für das Array verwendet wird. Auf der nächsten Seite ein weiteres Beispiel dieser Art in abgewandelter Form mit dem Datums Objekt.