前端图片延迟懒加载 Echojs

这里我们用到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
});

猜你喜欢

转载自blog.csdn.net/qq_35416214/article/details/106231510
今日推荐