echo.js图片懒加载
1.引入echo.js。
此处选择引入BootCDN静态资源库的路径。
<script src="https://cdn.bootcss.com/echo.js/1.7.3/echo.min.js"></script>
2.在使用img标签时src设置为默认缓冲加载图片,添加
<img src="assets/img/loading.gif" data-echo="http://ossweb-img.qq.com/upload/webplat/info/yxzj/20180315/17118634921981.jpg" width="640" height="480" />
3.js初始化插件
echo.init({
offset: 9999,
throttle: 0
});
参数说明
offset 离可视区域多少像素的图片可以被加载
throttle 图片延迟多少毫秒加载