Upload image only when it is available for viewing?

I saw some web page with a lot of images, only the images inside the scrolled viewport are displayed for external images, when I scroll down, it will be loaded.

How can I do that?

0
source share
3 answers

try this jquery lazy load plugin, it works great, is very customizable, and you don't have to deal with cross browser issues:

http://plugins.jquery.com/project/lazyload

+3
source

The magic word is "Lazy loading." I have no experience, but this plugin is one of the most popular solutions.

+1
source

You can take a look at the following article that uses jquery.

0
source

Source: https://habr.com/ru/post/1794786/


All Articles