Hace ya bastante tiempo les había comentado la idea de paginar resultados bajo demanda, conceptualmente la idea es muy buena, aquí con jQuery esta aplicada a las imágenes de un sitio, esto en pocas palabras quiere decir que vamos a cargar los archivos al momento de mostrarlos.
El plugin jQuery Lazy Load nos permite detectar la ubicación del visitante por medio de la barra de desplazamiento vertical, y en base al resultado obtenido carga o no el archivo que contiene la imágen dinamicamente.
Esta carga dinámica se puede hacer mediante un pequeño efecto, bastante de moda gracias a sitios como Mashable que ya lo vienen haciendo desde hace mucho tiempo, seguramente para ahorrar transferencia de datos que en casos de sitios con tan importante trafico pueden traducirse en un ahorro de dinero más que importante.
La implementación es super simple:
$("img").lazyload({ threshold : 200 });
El treshold es una opción de configuración más que importante. Define que la imágen se cargue 200px antes de que se muestre, eso evita problemas de visualización si nuestro servidor esta un poco lento.
El plugin tiene una serie de opciones de configuración que les recomiendo leer, como por ejemplo configurar el tipo de efecto para mostrar, o bien colocar una imágen de cargando.
Merece la pena probar si el trafico de tu sitio esta haciendo estragos en tu economía 😀
Tweets that mention Carga de imágenes dinámica con jQuery | Kabytes -- Topsy.com
15 años ago
[…] This post was mentioned on Twitter by Argentina Feeds and Anibal Ardid, Andrea Verdiani. Andrea Verdiani said: Kabytes – Carga de imágenes dinámica con jQuery: Hace ya bastante tiempo les había comentado la idea de paginar re… http://bit.ly/dpU6D7 […]