Zufalls Bild

[Dmitri Rettig]

Hallo,

zuerst speicherst du die Bilder in einem Array

myImage = new Array();
myImage[0] = new Image("Bild1");
myImage[1] = new Image("Bild2");
myImage[2] = new Image("Bild3");
myImage[3] = new Image("Bild4");
myImage[4] = new Image("Bild5");
myImage[5] = new Image("Bild6");

jetzt bestimmst du eine Variable, wenn du willst eine Funktion sogar:

function getMyImage()
{
   zufallsIndex = (Math.random() * myImage.length()).round();
   currentImage = myImage[zufallsIndex];
   return currentImage;
}

Math.random()gibt eine Zufallszahl zwischen 1 und 0 und durch Multiplikation mit der Anzahl der Elemente in deinem Array wird eine Zufallszahl zwischen 0 und 6 ausgegeben und da dein Index keine Dezimalzahl ist muss noch gerundet werden, und zwar mit .round();

Nun kannst du dein Bild je nachdem, wie du das brauchst einsetzen. Hier wird jeweils beim klicken auf ein Button ein Bild zufällig ausgewählt:

<input type="button" onClick="document.VordefiniertesBild.src=getMyImage()">

<img name="VordefiniertesBild" src="BildX.gif">

für eine einfache Anwendung wie diese reicht aber auch:

onClick="document.VordefiniertesBild.src=myImage[(Math.random() * myImage.length()).round()];"

MfG Dmitri