Ron: Automatisches Wechseln bei Seitenneuaufruf

Beitrag lesen

Hallo,

kann mir jemand weiterhelfen?

BESTIMMT.

Auf meiner Homepage habe ich einen Schaukasten eingerichtet. Dort erscheinen 4 Bilder. Ich möchte nun gerne, dass bei jedem erneuten Seitenaufruf bzw.jeder neuen Aktualisierung der Seite jeweils andere Bilder erscheinen. Der Rest der Seite soll so bestehen bleiben wie sie ist.

Klingt komisch, is aber so.

Nun, ich würde Vorschlagen du schreibst eine kleine Javascript Funktion. Onload lässt du diese dann die Bilder die du anzeigen lassen.

Ich stell mir da so was wie

Function ÄnderMeineBilder() {
//Dann das image tauschen
for(i=0; i<=4; i++) {
//Hier dann vielleicht ne zufallszahl
var zufall = Math.random()*10 // Je nach Anzahl der Bilder
document.getElementById("img" + i).src = BilderArray[zufall]
}
}

vor.

.
.
.
.
<body onload="ÄnderMeineBilder()">

Jedes deine 4 Bilder sollte eine ID bekommen:
<img src="Bild1" id="img1">
<img src="Bild1" id="img2">
<img src="Bild1" id="img3">
<img src="Bild1" id="img4">

Ausserhalb deiner Funktion solltest du ein Array definieren, welches deine Darzustellenden Bilder enthält.

var BilderArray = new Array();
BilderArray[0] = new Image;
BilderArray[0].src = "Bild1";
.
.
.
Das machst du für jedes Bild

Dann solltest du alles haben. Oder hab ich noch was vergessen zwischen Stuhl und Frühstück :)?