hintergrundbild dynamisch alle paar Sekunden ändern

[Chris]

Hallo allerseits,

hätte jemand vielleicht Ahnung, wie man ein Hintergrundbild alle paar Sekunden auswechseln kann? Das Hintergrundbild ist per css im Table element verankert und hat eine ID:

<TABLE id="tvbild" style="background-image:url(webcambild.jpg)">

mit folgender javascript Funktion soll es gewechselt werden:

function reloadCam()
  {reload = new Date();
   reload = "?"+reload.getTime();
 document.getElementById("tvbild").style.background="url(webcambild.jpg)";
   setTimeout("reloadCam()", 2000); // zeit-in-ms
}

Nur wie binde ich mit korrektem Syntax den Zeitabgleich, sprich die Variable reload ein, damit er stets das neueste Bild herunterläd.

Würde mich freuen, wenn jemand eine Idee hat
Vielen Dank und Viele Grüße
Chris

[wahsaga]

hi,

reload = "?"+reload.getTime();
document.getElementById("tvbild").style.background="url(webcambild.jpg)";

Nur wie binde ich mit korrektem Syntax den Zeitabgleich, sprich die Variable reload ein, damit er stets das neueste Bild herunterläd.

wenn du einen variablenwert in ein javascript-literal einbinden willst, benutzt du eine absolut simple zeichenkettenverknüfpung:

"teilstring 1" + variablenname + "teilstring 2"

gruß,
wahsaga

[Chris]

Ich kriege es einfach nicht hin. Ziel soll es sein, das Hintergrundbild einer tabelle alle 3 Sekunden durch das jeweils aktuelle Webcambild zu ersetzten. An folgender Funktion bastele ich herum:

function reloadCam()
  {reload = new Date();
   reload = "?"+reload.getTime();
   document.getElementsByID("tvbild").style.backgroundImage = "url('http://kreuzburg.dyndns.org:8000')"+reload;
   setTimeout("reloadCam()", 3000); // zeit-in-ms
}

das hintergrundbild ist im body bereich in der Tabelle mit css aufgerufen:

<TABLE WIDTH=325 BORDER=0 CELLPADDING=0 id="tvbild" CELLSPACING=0 style="background-image:url(http://kreuzburg.dyndns.org:8000);background-repeat:no-repeat;background-position:2px 40px">

Vielleicht hat ja noch jemand eine Idee
Vielen Dank
Chris

[Siechfred (nicht eingeloggt)]

Morgen.

Ziel soll es sein, das Hintergrundbild einer tabelle alle 3 Sekunden durch das jeweils aktuelle Webcambild zu ersetzten.

Wie lauten denn die Namen der jeweiligen Bilder? Das ist dein Ansatz.

document.getElementsByID("tvbild").style.backgroundImage = "url('http://kreuzburg.dyndns.org:8000')"+reload;

ergibt z.B. "url('http://kreuzburg.dyndns.org:8000')?1102316743350". Das ist kein gültiger Wert für backgroundImage. Überdenke also deine Stringverknüpfung.

Siechfred