JavaScript图片延迟加载微型库Echo.js
演示demo 2017-08-31 10:58:02

参考资料:https://www.helloweba.com/view-blog-417.html

 

常用参数及方法说明

 

参数 描述 默认值
offset 离可视区域多少像素的图片可以被加载 0
throttle 图片延迟多少毫秒加载 250
debounce 防抖动 true
unload 告诉echo是加载还是卸载视图中的图片,当图片离开视图区域时触发 false
callback 回调函数,用来检测图片是否加载 function()

最后echo.js还提供了一个.render()方法,用法如下:

echo.render();

应用场景:当你的页面没有发生滚动,而你想加载即将要显示的图片,如图片轮播,当第一张图片显示完,接着滑动展示第二张图片,这个时候使用echo.render();提前加载第二张图片,就不会出现图片加载卡顿白屏等现象。

 

 

本文来自于:http://www.yoyo88.cn/demo/140.html

Powered by yoyo苏ICP备15045725号