Erkennen, Wann ein bestimmtes Bild fertig geladen ist

Ich habe ein Bild auf einer Webseite, die dynamisch von einem server generiert-Seite CGI-Programm. In regelmäßigen Abständen das Bild aktualisiert wird, indem ein timer-und/oder geändert basierend auf Benutzereingaben. Also ich habe eine Javascript-Funktion wie

//<img id="screen" src=""> is elsewhere in the page
function reloadImage() {
    $("#screen").attr("src", make_cgi_url_based_on_form_inputs());
}

Das funktioniert gut, aber manchmal dauert es eine Weile, bis Sie das Bild laden. Also ich möchte für eine Art von Meldung erscheinen, die sagt "Loading image..." hab dann aber das Bild verschwindet, wenn das Bild geladen ist und angezeigt wird im browser.

Gibt es irgendeine Art von Javascript-event, die dies tun können? Alternativ, gibt es eine andere Möglichkeit kann ich laden/ändern/aktualisieren, ein Bild und erkennen, Wann der Ladevorgang beendet ist, durch Ajax oder was sonst?

Schreibe einen Kommentar