Zufalls Bild

[Tom]

Ein Bild wird aus 6 möglichen zufällig gewählt.
Wie gehts?

[Sven Rautenberg]

Moin!!!

Manche Leute schreiben eine Begrüßung zuerst hin. Macht gleich zu Beginn einen freundlichen Eindruck.

Ein Bild wird aus 6 möglichen zufällig gewählt.
Wie gehts?

Dann rotzen sie nicht einfach eine Frage hin, sondern wählen freundlichere Worte und vor allem beschreiben sie ihr Problem genauer. Also: Wer wählt, Javascript oder PHP oder was anderes?

Und weiterhin schreiben manche Leute dann auch eine Verabschiedung hin, um auch bis zum Ende einen freundlichen Eindruck zu hinterlassen.

Lies mal </faq/> deswegen!

- Sven Rautenberg

[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

[Tom]

Hi
Dire antworten sind ja nuicht schlecht, aber eigentlich meinte ich , dass das Bild beim laden der Seite gelagen wird.
cu

[Sven Rautenberg]

Hi
Dire antworten sind ja nuicht schlecht, aber eigentlich meinte ich , dass das Bild beim laden der Seite gelagen wird.
cu

Die Bilder heißen alle irgendwie gleich, plus eine Zahl im Namen.

Dort, wo das Bild eingebunden werden soll, schreibst du hin:

<script>
<!--
document.write('<img src="bild'+math.floor(math.random()*5.99)+'.gif" width="..." height="..." border="0" alt="">');
//-->
</script>
<noscript>
<img src="bild0.gif" width="..." height="..." border="0" alt="">
</noscript>

Wenn kein Javascript an ist, wird immer das gleiche Bild eingebunden, ansonsten ein zufälliges. Die Bildnamen beginnen bei 0 und enden bei 5 (sind insgesamt 6 Bilder).

- Sven Rautenberg