一、PC端(lazyload)
1、引入js文件
2、html代码
3、调用lazyload
$("img").lazyload({ // 当图片完全加载的时候,插件默认地使用show()方法来将图显示出来。你也可以使用其他的效果 effect: "fadeIn", //lazyload插件默认用户滚动到图片位置时才触发加载图片,如果我们希望滚动到距离图片一定位置就触发加载,可以指定lazyload函数的threshold参数 threshold: 200, //如果我们希望滚到到图片的位置后,还要通过click或hover事件来唤醒图片的加载,我们可以指定lazyload函数的event属性 event: "click" });
二、移动端采用echo.js插件
图片懒加载(预加载)插件echo.js