✔ Ladestatus vom Bildtausch abfragen

[Tommy57]

Hallo,

ich tausche per image.src eine Bilddatei aus, bzw. ändere den Pfad. Das Neuladen dauert fast ne Sekunde. Deswegen möchte ich da eine kleine Ladeanimation einbauen, nur weiß ich nicht, wie ich den Status des Neuladens abfragen kann. Der Befehl image.complete gibt mir immer true zurück.

Kennt jemand eine Möglichkeit um festzustellen, ob das Bild fertig geladen wurde?

Gruß, Tommy

 

[CPoly]

Erzeuge ein neues Image Objekt und wenn das geladen ist, weiße deinem img Element den gleichen src zu.

var img = new Image;
img.onload = function() {
    document.getElementById('mein-bild').src = img.src;
};

img.src = 'foo.jpg';

//Falls es vorher schon einmal heruntergeladen wurde
if(img.complete) {
    img.onload();
}

Ich bin mir nicht, was den IE an geht. Dort gibt es auch eine readyState Eigenschaft, die du auf "complete" testen kannst.

 

[Tommy57]

Super danke, das hat funktioniert, aber dieses img.complete ist immer true. Aber ohne die Zeilen 9-11 funktioniert es super.

Danke^^