Preloading img Elemente

Question

Ich habe derzeit eine Vorbelastung Bild JavaScript-Skript:

function MM_preloadImages() { 
    var d = document; 

    if(d.images){ 
    if(!d.MM_p) 
     d.MM_p=new Array(); 

    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; 

    for(i=0; i<a.length; i++){ 
     if (a[i].indexOf("#")!=0){ 
      d.MM_p[j]=new Image; 
      d.MM_p[j++].src= '/img' + a[i]; 
     } 
    } 
    } 
} 

Das Problem ist, dass ich manuell das Array aktualisieren, wenn die Bilder gelöscht werden hinzugefügt usw.

Gibt es trotzdem, dies zu automatisieren oder gibt es eine Bibliothek?

Die meisten Bild-URLs sind element hrefs.

Offensichtlich könnte ich etwas Server Seite schreiben, aber ich möchte überprüfen, ob es da draußen etwas gibt.

Answer 1

Hier ist jemand, der tat, was Sie mit jQuery zu tun versuchen:

http://www.filamentgroup.com/lab/update_automatically_preload_images_from_css_with_jquery/

Edit: Eigentlich ist dies nicht ganz das, was Sie suchen, da diese Bilder von CSS-Dateien vorbelastet - I Ich werde das hier lassen, falls das noch hilfreich ist.

Answer 2

Das Problem ist, wenn die Elemente im DOM für JS verfügbar sind, um zu überprüfen, ob die Bilder ohnehin geladen werden.

AFAIK gibt es keine Möglichkeit, dies zu tun (die CSS-basierte Inspektion funktioniert, weil das vor dem Body-Inhalt geladen wird), aber eine bessere Lösung für das Problem im Allgemeinen ist CSS spriting.