简单的图片懒加载方案

2018-07-20  本文已影响0人  无言_4f45

echo.js图片懒加载方案

一款超级轻量级的图片懒加载工具库,代码不多,完全可以集成到项目中。

所需引入的文件

1.echo.js
2.一个loading.gif、blank.gif
3.在img 的src写上图片很小loading.gif或blank.gif,然后在data-echo上绑定图片的真实地址。

<img :data-echo="info.img" src="images/blank.gif">

4.在js中初始化:

Echo.init({
    offset: 0,//图片离可视区的距离多少时开始加载真实地址
    throttle: 250//图片延时加载
});

注意:使用vue模板时,需要在$nextTick中初始化

上一篇下一篇

猜你喜欢

热点阅读