✔ Brauche Hilfe bei Bilder-Script!

T

thwmobil

Grünschnabel
Hallo,

ich habe testweise eine Webcam konfiguriert. www.wirtzcam.de
Die Bildrückschau auf 24 Stunden funktioniert per Javascript. Leider bekomme ich es aber nicht hin, dass das aktuelle Bild beim Betreten der Seite refresht wird. Auch das will ich nicht über META-Refresh, sondern über ein Javascript machen.
Diverse Scripte kenne ich. Kann aber den Aufruf nicht in das spezielle unten eingefügte Script einfügen. :-(
Kennt sich jemand aus?
Hier einmal das gesamte Script, wie es bei mir läuft. Nicht irritieren lassen durch die variable "0" und "1" - eigentlich kann das script auch Weitwinkel und Telebilder der Kamera auswählen. Deshalb habe ich die selbe URL für beide möglichen Bildquellen reingeschrieben.

Code: 
</head> 
<script language="JavaScript">
var buffer = new Image;
var ArchivURL = ["http://www.wirtzcam.de/cam",
                 "http://www.wirtzcam.de/cam"];

function DisplayImage(nr) {
   // Display image at once from buffer (Probs with IE)
   switch(nr) {
      case 0 : document.wirtzcam.src = buffer.src;
               break;
      case 1 : document.wirtzcam.src = buffer.src;
               break;
	       }
}

function HourImage(nr, hour) {
   buffer.src = ArchivURL[nr] + hour + ".jpg";
   DisplayImage(nr);
}

function ActImage(nr) {
   buffer.src = ArchivURL[nr] + ".jpg";
   DisplayImage(nr);
}

function ErrorImage(nr) {
    buffer.src = "keinbild.jpg";
    DisplayImage(nr);
}

function reloadImage() {

    var now = new Date();
    if (document.images) {
       document.images.buffer.src = ArchivURL[nr] + ".jpg" + now.getTime();
    }
    setTimeout('reloadImage()',10000); 

}
setTimeout('reloadImage()',10000);

</script>
</head>




<table align="left" width="680" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td colspan="3" align="left" valign="top">
<div class="Fliesstext_dunkel_reg">
<span class="Fliesstext_dunkel_bold">
</div>
</td>
</tr>
<tr>
<td colspan="3" align="left" valign="top">
<left>
<img src="http://www.wirtzcam.de/cam.jpg" name="wirtzcam" onerror="ErrorImage(0)" border="1" height="368" width="496"><br></td>
</tr>
<tr>
<td align="left" valign="top" width="100">


</td>
<td align="left" valign="left">
<left>
<FONT SIZE=1>
<a href="javascript:ActImage(0)">aktuell &nbsp;</a>

<a href="javascript:HourImage(0, '01')">1 &nbsp;</a>
<a href="javascript:HourImage(0, '02')">2 &nbsp;</a>
<a href="javascript:HourImage(0, '03')">3 &nbsp;</a>
<a href="javascript:HourImage(0, '04')">4 &nbsp;</a>
<a href="javascript:HourImage(0, '05')">5 &nbsp;</a>
<a href="javascript:HourImage(0, '06')">6 &nbsp;</a>
<a href="javascript:HourImage(0, '07')">7 &nbsp;</a>

<a href="javascript:HourImage(0, '08')">8 &nbsp;</a>
<a href="javascript:HourImage(0, '09')">9 &nbsp;</a>
<a href="javascript:HourImage(0, '10')">10 &nbsp;</a>
<a href="javascript:HourImage(0, '11')">11 &nbsp;</a>
<a href="javascript:HourImage(0, '12')">12 &nbsp;</a><br>
<a href="javascript:HourImage(0, '13')">13 &nbsp;</a>
<a href="javascript:HourImage(0, '14')">14 &nbsp;</a>
<a href="javascript:HourImage(0, '15')">15 &nbsp;</a>
<a href="javascript:HourImage(0, '16')">16 &nbsp;</a>
<a href="javascript:HourImage(0, '17')">17 &nbsp;</a>
<a href="javascript:HourImage(0, '18')">18 &nbsp;</a>
<a href="javascript:HourImage(0, '19')">19 &nbsp;</a>

<a href="javascript:HourImage(0, '20')">20 &nbsp;</a>
<a href="javascript:HourImage(0, '21')">21 &nbsp;</a>
<a href="javascript:HourImage(0, '22')">22 &nbsp;</a>
<a href="javascript:HourImage(0, '23')">23 &nbsp;</a>
<a href="javascript:HourImage(0, '00')">24 &nbsp;</a>
</span></td>
</tr>
</table>
</FONT>
<left>

Den fett geruckten Teil habe ich als Versuch eingefügt, die Bilder zu refreshen. Funktioniert aber wohl nicht. Die anderen Funktionen des Scripts sind aber einwandfrei.
Wer kann mir helfen?
Danke, Gruß
thwmobil
 
Sven Mintel hat gesagt.:
probier mal:
Code: 
document.wirtzcam.src = ArchivURL[nr] + ".jpg?" + now.getTime();
Zum Vergrößern anklicken....


Danke für die blitzschnelle Antwort. Habe ich - leider erfolglos probiert. sobald ich buffer.src durch document.wirtzcam.src ersetze, geht es nicht mehr.

Bin aber auf einen anderen Fehler gestossen: das Attribut [nr] war falsch definiert. Durch Eingabe von "0" habe ich den Unterscheidungsfall des Scripts festgelegt. Die Fehlermeldung im IE ist weg.

Durch das "jpg?" erfolgt im FF jetzt auch eine Aktivität nach den eingestellten 10 Sekunden. Nur ein reload klappt nicht.
Der IE zeigt ja eh keine Aktivitäten.
Aber nah dran bin ich wohl...
 
Zuletzt bearbeitet:
Ich bin übrigens gar nicht sicher, ob der Audruck:

if (document.images) {

korrekt ist. :confused:

Kann es sein, das es document.wirtzcam sein muss?
 
document.images prüft, ob der Browser das image-Objekt kennt,

document.wirtzcam prüft, ob sich ein Bild mit diesem Namen im Dokument befindet.

Ein Image-Objekt erzeugt man übrigens per new Image()
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück