图片耽误加载库echo.js

2024年4月25日 229次阅读 来源: zebrayoung

给手机端写接口时，发明返回的html内容中图片越多，滑动越卡，所以想用耽误加载的体式格局，在网上搜了许多材料，ios的开辟一直在纠结safari不支持jquery，我也不清楚safari究竟支不支持jquery。然则jquery很大，确切不发起运用。
然后看到有运用echo.js的，我试了一下，pc端，ios,andriod的浏览器都能够用

    <img class="lazy" src="images/loading.gif" data-echo="1.jpg">
    <img class="lazy" src="images/loading.gif" data-echo="2.jpg">
    <img class="lazy" src="images/loading.gif" data-echo="3.jpg">
    <img class="lazy" src="images/loading.gif" data-echo="4.jpg">
    <img class="lazy" src="images/loading.gif" data-echo="5.jpg">
    <img class="lazy" src="images/loading.gif" data-echo="6.jpg">
    <img class="lazy" src="images/loading.gif" data-echo="7.jpg">
    <script src="js/echo.min.js"></script>
<script>
Echo.init({
    offset: 0,
    throttle: 0
});
</script>

offset 离可视地区若干像素的图片能够被加载
throttle 图片耽误若干毫秒加载
参考文章：http://www.jq22.com/jquery-in…

    原文作者：zebrayoung
    原文地址: https://segmentfault.com/a/1190000006179092
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞