Ich versuche, einen Preloader zu erstellen, aber wenn ich diesen ausführe, zeigt die Konsole Folgendes an:

Geladen[Objekt HTMLImageElement] von 5

aus dieser Codezeile

console.log('Loaded ' + images[i] + ' of ' + images.length);

Aber im Idealfall möchte ich es anzeigen:

"Geladen 1 von 5"

Wie kann ich das beheben? Ich möchte dies nur als Rückruf erstellen, damit ich weiß, wann alle Bilder in einem bestimmten Bereich geladen wurden.

$(panel).each(function(){

    // Find Panel
        var panelId = $(this).attr('id');
        console.log('Loading ' + panelId);  

    // Find Images
        var images = $(this).find('img');
        var path = images.attr('src');
        console.log('Total of ' + images.length + ' Images');

    // Preload Images
        for( i= 0; i < images.length; i++ ) {

            images[i] = new Image();
            images[i].src = path;
            images[i].onload = function(){
                console.log('Loaded ' + images[i] + ' of ' + images.length);
            };

        }

    // End

});

Auch - Wie könnte ich meine ändern?each() Schleife, um jeweils ein Panel zu prüfen, nachdem das vorherige Panel die Prüfung beendet hat?

Jede Hilfe wäre toll. Vielen Dank.