这里我们用到Ecojs:专门用于实现懒加载。
使用方法:
1.引入:在HTML中引入jQuery和jQuery-lazyload,如:
<script type="text/javascript" src="/js/echo.min.js"></script>
2.图片中的src使用data-echo代替如:
<img class="lazy" src="" data-echo="images/p1.jpg">
3.添加js代码:初始化
echo.init({
//离可视区域多少像素的图片可以被加载
offset: 0,
//图片延时多少毫秒加载
throttle: 0
});