图片懒加载怎么实现

1、首先编写判断图片是否出现在视野当中，如果出现就加载传入图片。

2、接下来就是判断是否在滑轮将要滑到的范围和浏览器高度内，如果在这范围内就加载传入图片。

3、最主要的是把程序语言当中的图片标签的src属性全部使用data-xx代替，这样就可以图片属性被代替。

4、然后当鼠标滑动到图片即将出现在可视区域时，将即将出现的图片的data-xx的属性值赋给src，然后就是加载图片的程序。

5、最后的时候要用js代码代入这个函数，这样就可以实现网页图片的懒加载了