I have a div with 1000 images in it with overflow:auto set. It is only 100 pixels high and about 80000 pixels wide. This works fine but I would rather only load images that are actually on screen, so as the user scrolls right or left the images get loaded.
Share
@slee , there are various solutions for this.
you can use the jcarausal plugins for this type of things
http://sorgalla.com/jcarousel
In my project i show 4 images and i load only those images, When the user clicks next or previous , i get the next four images and swap the src and ids,
This will definetly give better performance as every image is a http request…
reducing httprequests improve the performance