2 Grafiken (jpg) die automatisch wechseln

Anonym · 8. Dezember 2000 um 22:46

Hallo!

Ich möchte auf meiner Homepage 2 Fotos einfügen, die sich nach jeweils 15 Minuten in einer Endlosschleife selbst wechseln. Ein animiertes gif geht nicht, da es für Fotos ungeeignet ist, daher habe ich folgendes Script geschrieben, was aber leider nicht funktioniert. Wer kann mir den Fehler nennen? Danke!

Hier das Script:

function bilderwechsel()
{
document.images[Bild].src=‚bild2.jpg‘;
window.setTimeout(„bilderwechsel2()“,20000);
}
function bilderwechsel2()
{
document.images[Bild].src=‚bild1.jpg‘;
window.setTimeout(„bilderwechsel()“,20000);
}

Anonym · 8. Dezember 2000 um 23:28

schreib mal:

document.images['Bild'].src='bild2.jpg';

weil ‚Bild‘ an der Stelle ein String ist, muss er von quotes begrenzt werden

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

Andreas_Benk_7f5414 · 9. Dezember 2000 um 00:02

Zuerst mal musst du beim ändern von src des Bildes schreiben:
document.images[„Bild“].src…
dann kannst du natürlich im onload gleich mit dem timeout arbeiten:
… onLoad=„window.setTimeout(‚bilderwechsel()‘,20000);“ …

Ist es wirklich das, was du willst??? 15 Minuten??? So wird die Seite immer mit bild1 aufgebaut und man muss wirklich mindestens 15 Minuten auf der Seite bleiben, um einen Wechsel zu erleben. Geht es da um die Kopfzeile in einem Frameset???
Wenn du willst, das das Bild je nach Aufrufzeit ein anderes ist, dann tut es dieses Skript natürlich nicht.
Hier müßte das Skript so aussehen:

var t=Date.getTime()% (30*1000*60);
if(t> (15*1000*60)) {
document.write(’<img src=„bild2.jpg“ name=„Bild“>’);
window.setTimeout( „bilderwechsel2()“, 15*1000*60 );
} else {
document.write(’<img src=„bild1.jpg“ name=„Bild“>’);
window.setTimeout( „bilderwechsel()“, 15*1000*60 );
}

Gruß
Benky

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

Andreas_Benk_7f5414 · 11. Dezember 2000 um 09:04

Hi Sonja???

Also, nachdem das bei dir nicht so richtig klappt, hier nochmal die verbesserte Version:

function bildwechsel(which) {
document.images[„Bild“].src=‚Bild‘+which+’.gif’;
window.setTimeout(‚bildwechsel(‘+((which+1)%2</B&gt:wink:+’)’,5000</B&gt:wink:;
}

var t=(new Date).getTime();
t= Math.floor( (t%10000</B&gt:wink:/5000 );
document.write( ‚<img src="Bild‘+t+’.gif" name=„Bild“>’ );
window.setTimeout(‚bildwechsel(‘+((t+1)%2</B&gt:wink:+’)’,5000</B&gt:wink:;

Ich gebs ja zu, ich hab die alter Version nicht getestet. Der Fehler lag im fett markierten Teil. Ich habe das new vergessen. Bin einfach davon ausgegangen, dass die Methode getTime statisch ist und sich wie bei den Math-Methoden ohne new aufrufen läßt. Ok, wieder was dazu gelernt ;o)

Habe das Teil jetzt noch etwas genereller gemacht. (Ich mag das generelle, weil es halt in vielen Situationen nützlich sein kann). Konkret: Der Bilderwechsel ist nicht mehr auf 2Bilder beschränkt. Um es noch wartungsfreundlich zu machen könnte man die Konstanten, die an verschiedenen Stellen vorkommen noch in Variablen rausziehen, aber das werden die Interessenten ja wohl hoffentlich noch selbst hinbekommen.

Wenn sich die Anzahl der Bilder ändert, dann sind die markierten (fett&kursiv) 2er und die markierte 10000 anzupassen. Die 2er geben die Anzahl der Bilder an, die 10000 die Anzahl der Bilder mal der Zeit zwischen dem Wechsel. Äh, es ist zu beachten, dass die Bilder von 0 - n durchnummeriert sein müssen (also Bild0.gif, Bild1.gif …). Wenn sich die Zeit zwischen den Wechseln ändern soll, dann ist die 5000 und wiederum die 10000 anzupassen.

Gruß
Benky