Hola, la verdad que no he podido encontrar mejor título para mi duda que el que puse, y tal vez por eso se me ha complicado encontrar la solución en internet.
El problema es el siguiente: Tengo una página web que en una de sus secciones tiene 6 galerias de fotos de esas que tienen una miniatura y al hacer click se ve en grande al costado, al hacer click en otra, cambia la grande por esta nueva y así. Tengo 6 de esas galerias una abajo de la otra porque son 6 productos distintos y quería darle una separación lógica para no confundir. Ahora bien, como las fotos no son muy livianas, tengo 6 fotos miniaturas y una foto grande por galería y tengo 6 galerías, tengo un total de 42 fotos que cargar antes de que puedan andarme bien las galerías. Porque hasta que no cargan todas, las galerías andan medio trabadas.
La solución que me gustaría implementar es una que vi en alguna página ( la estuve buscando pero no la encontré) que lo que hace es cargarte las imágenes a medida que uno va scrolleando la página. Es decir que sólo carga las imágenes que uno ve en el tamaño de su monitor. Si uno scrollea para abajo, carga la foto que sigue, pero si no lo hace, no la carga en vano digamos. Esto me sería de gran ayuda para que la persona que ingrese a ver mis productos pueda rápidamente ver la primer galería sin tener que esperar a que cargue todo el resto.
Si alguien sabe de algún script que permita hacer esto, le agradecería que me pase algún link. No sé mucho javascript, pero me la rebusco.
Muchas gracias
