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