echo.js图片懒加载

1.引入echo.js。
此处选择引入BootCDN静态资源库的路径。

<script src="https://cdn.bootcss.com/echo.js/1.7.3/echo.min.js"></script>

2.在使用img标签时src设置为默认缓冲加载图片，添加data-echo属性，值设置为真实图片路径

<img src="assets/img/loading.gif" data-echo="http://ossweb-img.qq.com/upload/webplat/info/yxzj/20180315/17118634921981.jpg" width:640 height:480/>

真实图片：

17118634921981.jpg
预加载缓冲图片：
仁和logo懒加载640x360.gif
3.js初始化插件

<script>
echo.init({
    offset: 9999,
    throttle: 0
});
</script>

参数说明
offset 离可视区域多少像素的图片可以被加载
throttle 图片延迟多少毫秒加载