Werden damit tatsächlich Bilder nachgeladen?

Question

Ich habe dieses einfache Bild Preloader auf der Grundlage meiner Kenntnisse von Javascript geschrieben, aber ich weiß nicht, ob es tatsächlich laden die Bilder, bevor die Seite angezeigt wird, oder wenn es noch laden die Bilder.

   function preloadImages(html) {   
for(var i=0;i<document.images.length;i++) {
    img_obj = new Image();
    img_obj.src = document.images[i].src;
    if (!img_obj.complete) alert("could not load:" + img_obj.src);
    else continue;
}   
   $("#pad").fadeIn(200);
   return true;
}

Ist die Art und Weise, wie ich die Bilder vorlade, korrekt?

Answer 1

Um das Bild zu laden, muss es eine bestimmte Höhe/Breite auf der Seite haben.

Ich denke, die meisten Leute fügen das Bild in das DOM ein, indem sie eine Höhe und Breite festlegen und sicherstellen, dass die Darstellung als Block erfolgt. Setzen Sie eine absolute Position bei -9999px links und oben, oder etwas in dieser Richtung. Die Bilder werden zwischengespeichert, wenn Sie sie benötigen.

Answer 2

Je nachdem, was Sie tun wollen. Die js sollte onload laufen, die nach der Seite geladen hat, so bin ich nicht sicher, Sie wirklich einen Vorteil erhalten. ( http://dean.edwards.name/weblog/2005/02/order-of-events/ )

Sie können das Vorladen mit CSS durchführen.