Ein zufälliges Bild aus reiner Reihe von fünf Bildern

[Jojo]

Ich will, auf der Startseite meiner Homepage ein Script haben, dass mir immer ein Bild aus einer Reihe von fünf Bildern zufällig auswählt und auf der Indexseite anzeigt, das Bild soll sich jeweils bei einem neu laden der Seite ändern, soll heissen, drauf gehn, Bild1 dann bei nächsten mal wird ein zufälliges anderes angezeigt, usw...
Danke im Vorraus
Jojo

[Christopher Schmidt]

Ich will, auf der Startseite meiner Homepage ein Script haben, dass mir immer ein Bild aus einer Reihe von fünf Bildern zufällig auswählt und auf der Indexseite anzeigt, das Bild soll sich jeweils bei einem neu laden der Seite ändern, soll heissen, drauf gehn, Bild1 dann bei nächsten mal wird ein zufälliges anderes angezeigt, usw...
Danke im Vorraus
Jojo

Per PHP:

<?php
$elemente_tr[] = "1";
$elemente_tr[] = "2";
$elemente_tr[] = "3";
$elemente_tr[] = "4";
$elemente_tr[] = "5";

srand ((double)microtime()*1000000);
$randval = rand(0,count($elemente_tr)-1);
echo ("<img src="http://www.chrissi-in-the-web.de/".$elemente_tr[$randval].".jpg" alt="">");
?>

Viele Grüße aus Bad Oeynhausen,

Chrissi

[Jojo]

Wie heißt denn jetzt der genaue Befehl den ich einfügen muss in meinen HTML-Code, wenn die Bilder bild1.gif bis bild5.gif heissen würden?

[Joachim]

Hi,

Ich will, auf der Startseite meiner Homepage ein Script haben, dass mir immer ein Bild aus einer Reihe von fünf Bildern zufällig auswählt

einen "Zufallsgenerator" baust Du so:
var x =  Math.floor((Math.random() * 5) + 1);

Deine Bilder packst Du in ein Array:
var myImages =  new Array("bild1.jpg","...","bild5.jpg");

Nun kannst Du Dein Bild enweder beim Laden dynamisch reinschreiben, oder als Platzhalter ein Leergif laden, und die Source tauschen.
z. B. also:
document.write('<img src="' + myImages[x] + '">');

Mehr zu den verwendeten Methoden findest Du in der hiesigen Doku

Gruesse  Joachim

[Patrick Andrieu]

Hi Joachim!

var x =  Math.floor((Math.random() * 5) + 1);
var myImages =  new Array("bild1.jpg","...","bild5.jpg");

document.write('<img src="' + myImages[x] + '">');

myImages[x-1]  :)

da x zwischen 1 und 5 liegt, im Array aber bild1.jpg myImages[0] und bild5.jpg myImages[4] ist, ergibt das ansonsten einen undefined jedesmal wenn die Zahl 5 rauskommt :)

Viele Grüße aus Ffm,
Patrick

[wahsaga]

hi,

var x =  Math.floor((Math.random() * 5) + 1);
var myImages =  new Array("bild1.jpg","...","bild5.jpg");
document.write('<img src="' + myImages[x] + '">');
myImages[x-1]  :)
da x zwischen 1 und 5 liegt, im Array aber bild1.jpg myImages[0] und bild5.jpg myImages[4] ist, ergibt das ansonsten einen undefined jedesmal wenn die Zahl 5 rauskommt :)

na dann kann man wohl besser hier

var x =  Math.floor((Math.random() * 5) + 1);

das + 1 weglassen, anstatt zwei rechnungen auszuführen, die einmal eins addieren, um es dann wieder abzuziehen ...
;-)

gruss,
wahsaga