懒加载？ /仅在视口中可见时加载图像

Question

我有一长串包含<div>的{​​{1}}个列表，我不希望通过加载所有图片来减慢页面速度。

所以，现在，我有<img />属性中所有图片的网址，data-src属性为空。

如果使用javascript / jquery在视口中显示div或img，我如何加载图片，将src的内容移动到data-src？

在视口中可见，我的意思是当用户滚动到那些图像时。

所有图像都在div中，这些div位于垂直列表中。

Answer 1

你可以在jQuery中使用延迟加载插件。我认为它最适合你

  

Lazy Load是一个用JavaScript编写的jQuery插件。它延迟加载   长网页中的图像。

SEE HERE