echo.js实现图片延迟加载,

echo.js实现图片延迟加载, 效果看起来较为接近原生APP。在移动端时,可以采用此技术,实现只有屏幕当前的图片才会显示下载到本地。节约用户流量,加快网页加载速度。

这个插件实用较为简单,源码下载就可直接实用。

调用演示例

<div class="pic">
<img src="./img/blank.gif" class="img" data-echo="http://b.hiphotos.baidu.com/image/pic/item/0b55b319ebc4b745924fa817cdfc1e178b8215d3.jpg" />
</div>
<div class="pic">
<img src="./img/blank.gif" data-echo="http://h.hiphotos.baidu.com/image/pic/item/5ab5c9ea15ce36d3c26af63138f33a87e950b140.jpg" />
</div>
<div class="pic">
<img src="./img/blank.gif" data-echo="http://e.hiphotos.baidu.com/image/pic/item/0b55b319ebc4b7456f6d4d14cdfc1e178a821532.jpg" />
</div>


echo.init({ offset: 0, // 指定距离视窗上下左右位置图片预加载 Number|String Default: 0 throttle: 250, // 延迟加载 Number|String Default: 250 unload: true, callback: function(element, op) { // console.log(element, 'has been', op + 'ed') } });
原文地址:https://www.cnblogs.com/xiongdahei/p/6826505.html