Suppose I have a list of 500 thumbnails followed by a name. How to load images as the user scrolls? (Jquery)

Question

In mobile mode, the Internet is slow. If I have a list of 500 images, this will be downloaded forever. I would like to load the name of the image in the list, but as the user scrolls, I want to start uploading / downloading the tag <img>. How to use javascript / jquery for this?

Answer 1

Try a look at this jQuery plugin:

Lazy Loading

Answer 2

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

Answer 3

Now, see Make images download when they enter the visible section of the browser? ; apparently lazyload is no longer working or is no longer available, but it gives other substitutes.