préchargement éléments img

Question

J'ai actuellement une image préchargement script javascript:

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]; 
     } 
    } 
    } 
} 

Le problème est que je dois mettre à jour manuellement le tableau lorsque les images sont ajoutées supprimées, etc.

Y at-il de toute façon d'automatiser cette ou y a-t-il une bibliothèque.

La plupart des URL d'image sont des éléments hrefs.

Évidemment, je pourrais écrire quelque chose côté serveur, mais je veux vérifier s'il y a déjà quelque chose.

Answer 1

Voici quelqu'un qui fait ce que vous essayez de faire avec jQuery:

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

Edit: En fait, ce n'est pas tout à fait ce que vous cherchez comme ce précharge images à partir des fichiers CSS - I Je vais laisser ceci ici au cas où cela serait toujours utile.

Answer 2

Le problème est le moment où les éléments sont disponibles dans le DOM pour JS pour inspecter les images sont déjà en cours de chargement. AFAIK il n'y a aucun moyen de faire cela (l'inspection CSS fonctionne parce que c'est chargé avant le contenu du corps), mais une solution supérieure pour le problème en général est CSS spriting.