Bild nach X sekunden neu laden.

[keine-ahnung-haber]

hey
ich möchte, dass ein Bild alle x selunden neu geladen wird. Der hintergrund ist, dass das "Bild" eine PHP-Datei ist, die bei jedem reload ein anderes Bild ausgibt.

Mein Bisheriger Versuch (mit jquery!) scheiterte:

function reloadet() {
    $('a.Ad').html('');
    $('a.Ad').html('<img src="image.php" alt="W&auml;lder">');
    setTimeout("reloadet();", 2000);
    };
    reloadet();

könnt ihr mir helfen?

 

[threadi]

Was scheitert denn an diesem Code? Hast Du einen Link wo man sich das anschauen kann?

 

[keine-ahnung-haber]

Testseite

das Bild wird geladen, aber nicht alle 2 sek neu geladen.

 

[threadi]

Die JavaScript-Konsole sagt ganz klar:

Fehler: reloadet is not defined
Quelldatei: Testseite
Zeile: 13

Fazit: schieb die Funktion nach außerhalb der domready-Funktion.

 

[Witschi262]

Eine andere Methode allerdings ist auch, dass du simplerweise das Bild per iFrame einbindest und einen Refresh einbaust.

Aber deine jQuery Version ist natürlich im längen besser. Es ist ja bekannt, dass iFrames die guten alten Suchmaschinen durcheinander bringt.

 

[keine-ahnung-haber]

hab die Funktion nach Außen gesetzt - keine Veränderung.
Habt ihr weitere Vorschläge? Eine Lösung per iFrame wäre mir (u.A. wegen Suchmaschienenoptimierung) nicht lieb.

 

[mermshaus]

Problem ist Caching. Häng eine Zufallszahl oder so an den Aufruf von w.php. Zum Beispiel:

$('a.Ad').html('<img src="http://die40.de/php/w.php?x='+Math.random()+'" alt="W&auml;lder">');

 

[keine-ahnung-haber]

Es lag tatsächlich am caching. Jetz läufts.
Vielen Dank!

 

[Asterixus]

Das geht auch sauberer ;)
Im PHP-Code das einfügen:

header('Cache-Control: no-store, no-cache, must-revalidate, post-check=0, pre-check=0');
header('Pragma: no-cache');

Das verhindert, dass das Bild gechached wird.