给手机端写接口时,发现返回的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...
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。