给手机端写接口时,发现返回的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
240 声望35 粉丝