Precarga de elementos img

votos
2

Actualmente tengo un script javascript de imagen de precarga:

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

El problema es que tengo que actualizar manualmente la matriz cuando se agregan las imágenes, etc.

¿Hay alguna forma de automatizar esto o hay una biblioteca?

La mayoría de las URL de imagen son elemento hrefs.

Obviamente, podría escribir algo del lado del servidor, pero quiero verificar si ya hay algo allí afuera.

Publicado el 12/03/2009 a las 18:06
fuente por usuario
En otros idiomas...                            


2 respuestas

votos
1

Aquí hay alguien que hizo lo que está intentando hacer con jQuery :

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

Editar: En realidad, esto no es exactamente lo que estás buscando, ya que esto precarga imágenes de archivos CSS. Voy a dejar esto aquí por si esto sigue siendo útil.

Respondida el 12/03/2009 a las 18:09
fuente por usuario

votos
0

El problema es cuando los elementos están disponibles en DOM para que JS inspeccione las imágenes que ya se están cargando.

AFAIK no hay forma de hacer esto (la inspección basada en CSS funciona porque se carga antes que el contenido del cuerpo), pero una solución superior para el problema en general es CSS spriting .

Respondida el 12/03/2009 a las 18:19
fuente por usuario

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more