Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] ¿Hay algun script que relantice la carga de fotos?

Estas en el tema de ¿Hay algun script que relantice la carga de fotos? en el foro de Javascript en Foros del Web. Pues eso tengo un grupo de imagenes que se crean mediante un foreach de php y cuando son cientos o miles muchas no se llegan ...
  #1 (permalink)  
Antiguo 29/07/2019, 03:10
 
Fecha de Ingreso: octubre-2008
Mensajes: 168
Antigüedad: 11 años
Puntos: 2
¿Hay algun script que relantice la carga de fotos?

Pues eso tengo un grupo de imagenes que se crean mediante un foreach de php y cuando son cientos o miles muchas no se llegan ni a ver y esto me ha pasado cuando he pasado de http a https no sé si porque ha aumentado la velocidad de carga, antes se visualizaban bien, entonces la pregunta no necesito que relanticen por el scroll de navegación lo he probado y aunque ha mejorado muchas imágenes siguen sin cargarse, sino que cada carga de cada foto tenga medio segundo o así para que se muestre pero una a una del foreach. Algún script de ejemplo. Sería hacer un div con el tag img y que todas esas img se relanticen microsegundo en javacript y ver si así funciona con http no había problemas.

Gracias.
  #2 (permalink)  
Antiguo 29/07/2019, 06:58
Avatar de Panino5001
Moderatroll
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.099
Antigüedad: 15 años, 5 meses
Puntos: 790
Respuesta: ¿Hay algun script que relantice la carga de fotos?

Puedes usar el patrón lazy load: https://medium.com/@filipvitas/lazy-...t-2c5bcb691274

Te recomiendo que no uses la api IntersectionObserver, porque aún no tiene buen soporte. Y lo mismo con el atributo lazy. Hazlo como siempre se hace: comparando la relación entre el offsetTop de la imageny el innerHeight y el pageYOffset de la página.
  #3 (permalink)  
Antiguo 29/07/2019, 08:54
 
Fecha de Ingreso: octubre-2008
Mensajes: 168
Antigüedad: 11 años
Puntos: 2
Respuesta: ¿Hay algun script que relantice la carga de fotos?

Ya he probado con script de ese tipo lazy load pero no me sirve porque son de scroll, aparece la imagen si la imagen está a la altura del scroll pero yo las imágenes las tengo tipo en bloque o sea una fila entera de imágenes se carga de golpe, una detrás de otra y no sé por qué con http no daba problemas y con https sí (ha aumentado la velocidad de carga) y solo me da problemas si son cientos de imágenes, algunas no se cargan, no con menos de 200.

Algo más simple que se retrase la carga con setTimeout con un pequeño intervalo dicho foreach en php que no es javascript, o sea añadir al tag img un pequeño script que relantice la visualización de esas fotos.
  #4 (permalink)  
Antiguo 29/07/2019, 10:12
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.553
Antigüedad: 11 años, 8 meses
Puntos: 1085
Respuesta: ¿Hay algun script que relantice la carga de fotos?

Usa lazyload, el enlace que te dejaron explica como hacerlo con javascript vanilla, solo modificalo para tu caso en lugar de X usa Y

Esfuerzate un poco y crealo tu mismo, no lo esperes ya hecho que no siempre lo encontraras.



La zona horaria es GMT -6. Ahora son las 16:30.