Aquí podría ser tu PUBLICIDAD


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 dagda1
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 06:09
fuente por usuario Andrew Hare


Aquí podría ser tu PUBLICIDAD


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 06:19
fuente por usuario annakata