Suppose I have a list of 500 thumbnails followed by the title. How do I load the images as the user scrolls down? (JQuery)

Question

In mobile, the internet is slow. If I have a list of 500 images, this is going to take forever to load. I'd like to load the title of the image in a list, but as the user scrolls down, I want to start loading/downloading the <img> tag. How do I use Javascript/Jquery to do this?

Answer 1

Try taking a look at this jQuery plugin:

Lazy Loading

Answer 2

The Lazy Load Plugin for jQuery should do what you need to do. http://www.appelsiini.net/projects/lazyload