JS图片延迟加载插件LazyImgv1.0怎么用-创新互联
这篇文章给大家分享的是有关JS图片延迟加载插件LazyImgv1.0怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
具体如下:
注:LazyImg 必须定义lazy-data属性,属性值是src的图片路径
引入JS文件:
默认情况下: 在IMG中满足以任何一个条件,都会加载图片;
1、没有class属性
2、如果有class属性并且属性中不包含以"lazy-"为前缀的css样式名
如何禁止默认加载图片
JS代码:
LzDefault.action = false;
如何在点击事件时显示图片
JS代码:
LazyImg.lazy("lazy-name");
"lazy-name" 中的name是可以自定义,"lazy-"是前缀必须存在
DEMO:
LazyImgv1.0图片延迟加载插件
默认情况下: 在IMG中满足以任何一个条件,都会加载图片;
1、没有class属性
2、如果有class属性并且属性中不包含以"lazy-"为前缀的css样式名
如何禁止默认加载图片
JS代码: LzDefault.action = false;