AJAX und onLoad

[Struppi]

Achtung: Falls ein Bild nicht geladen werden kann, bliebe dabei dein Ladebalken bis zum St. Nimmerleinstag stehen. Also zusätzlich onerror nutzen, um die Bilder zu ermitteln, die nicht geladen werden konnten.
Zu welchem Zeitpunkt muss ich testen? Auf welche(s) Objekt(e) muss ich onError anwenden?

Der Event heißt onerror und wird gefeuert, wenn das bild nicht geladen werden konnte.

Du musst nochwas beachten, der IE feuert kein onload, wenn das Bild bereits im cache ist, d.h. du musst zusätzlich auf complete prüfen.

var img = new Image();
img.onload = img.onerror = function() { img_load(this); };
if(img.complete) img_load(img);
img.src = ....

function img_load(bild)
{
// hier kannst du deinen Zähler erhöhen
// und prüfen ob alle Bilder geladen wurden
}

Das kann man natürlich verfeinern, in dem du eine separate Funktion für onlaod und onerror schreibst und dann eine entsprechende Meldung welches Bild nicht geladen werden konnte ausgibst.

Struppi.