[JS] Bild aktualisieren (webcam)

[Nicolai1234]

Hallo,
Ich möchte auf einer Internetseite gerne das Bild meiner Webcam anzeigen. Dazu habe ich es schon soweit geschafft, dass ich beim Zugriff auf eine php-Datei immer das aktuelle Bild bekomme.
Nun möchte ich auf der Internetseite selber dieses Bild anzeigen. Soweit geht ja alles.
Nur jetzt möchte ich es so machen, dass wenn das Bild fertig geladen wird, im Hintergrund schonmal die neue Version des Bildes geladen wird (immer derselbe Dateiname). Wenn dieses dann auch fertig geladen ist, soll es durch das alte ersetzt werden. Das ganze soll dann als Endlosschleife laufen, solange der Benutzer auf der Seite ist.
Ich hoffe, es ist klar, was ich meine :?

Jedenalls kenn ich mich leider nichtmehr so gut mit JavaScript aus und habe über google nicht brauchbares gefunden, was genügend dokumentiert war, dass ich es verstanden habe.

Ich hoffe, ihr könnt mir helfen...
Vielen Dank im Voraus

[alcaeus]

Moin,

die JS-Funktion setTimeout() ist das, was du brauchst.
Evtl. kannst du dir auch hier die JS-Sourcen ansehn, auch wenn die Cam offline ist ;)

Greetz
alcaeus

[Nicolai1234]

Danke, da waren die richtigen Anregungen drin...
Ich habe es jetzt wie folgt gemacht:

Code:

<script type="text/javascript">
<!--
var aktiv = window.setInterval("startClock()", 5000);      
   
   function startClock()
   {
      document.camImage.src = "http://www.nicolai1605.de/webcam/test.php";
   }

//   -->
</script>

Dann wird auch alle 5 Sekunden das Bild wieder geladen. Allerdings ist ja der DAteiname immer derselbe, deswegen benutzt der Browser seinen Cache und das Bild blebt immer gleich. Man sieht aber in der Statusbar, dass der Browser auch wirklich was macht...

WEiß da jemand Rat?

[jfheins]

Wie wäre es, senn du noch ein ?dummy=<RANDOM> anhängst? Durch die Zufallszahl am ende benutzt er dann nicht den Cache weils eine ander URL ist ;)

[Nicolai1234]

Zitat:

Zitat von jfheins

Wie wäre es, senn du noch ein ?dummy=<RANDOM> anhängst? Durch die Zufallszahl am ende benutzt er dann nicht den Cache weils eine ander URL ist ;)

Hab ich auch gemacht, aber ich dachte, es gäbe eine schönere Lösung :wink:

[markusj]

GIbt es vielleicht eine Anweisung Reload? Dann einfach den ganzen Spaß in einen Subframe packen (*aua nicht schlagen*)
Oder ein nocache Schalter ...

[alcaeus]

Zitat:

Zitat von markusj

Oder ein nocache Schalter ...

Ich habs ueber den no-cache-Header versucht - ohne Erfolg. Also habe ich einfach eine fortlaufende Nummer angehaengt, welche mit dem aktuellen Unix-Timestamp beginnt (glaube ich wenigstens :mrgreen: )

Greetz
alcaeus