Bild vollständig neu Laden

Computer: Software & Programmierung JavaScript & Script-Sprachen
#1

Moin

ich hät da mal gern ein Problem und zwar:
Ich lade per FTP alle X Sekunden ein neues Bild auf meinem Webserver. Dieses lasse ich auch ohne Probleme mittels Java-Script neu laden

function refreshCam(){
rfsh = new Date() ; rfsh = „?“+rfsh.getTime()
document.images[„webcam“].src = „cam_1.jpg“+rfsh
setTimeout(„refreshCam()“, 3000)
}

Nun das Problem: Wenn ich Zufällig in dem Moment das Bild neu abrufe, wenn es hochgeladen wird, dann ist das Bild entweder garnicht zu sehen, oder nur zur hälfte etc.

Gibt es eine möglichkeit zu prüfen ob das Bild komplett ist (z.b. 320x240px groß ist) und es nur dann auch aktualisiert wird?
Bin in JavaScript leider nicht so fit

lg
Drache

#2

hi,

du könntest das neue webcam-bild vorher in ein neues img-objekt laden, dann die höhe und breite überprüfen und wenn das dann dem kompletten bild entspricht, dies an das img-element übergeben.

gruß
klaus

#3 
function refreshCam(){

 rfsh = new Date() ; rfsh = "?"+rfsh.getTime()
 testbild= new Image()
 testbild.src = "cam\_1.jpg" + rfsh

 if (testbild.complete==true){test()}
}


function test(){

 var hoehe=testbild.height
 var breite=testbild.width

 var ok\_hoehe=300 
 var ok\_breite=400

 if ( hoehe == ok\_hoehe && breite == ok\_breite) {
 document.images["webcam"].src = testbild.src
 setTimeout("refreshCam()", 3000)
 }
 else {setTimeout("refreshCam()", 500)}

}
#4

HI,

vielen Dank der Code sieht sehr gut aus. Ich werde ihn heute Abend auf jeden Fall einmal test.

Lg
IceDragon