本文实例讲述了JS图片延迟加载插件LazyImgv1.0用法。分享给大家供大家参考，具体如下：
注：
LazyImg 必须定义lazy-data
属性，
属性值是src的
图片路径
引入JS文件：
默认情况下: 在IMG中满足以任何一个条件，都会加载图片；
1、没有class属性
2、如果有class属性并且属性中不包含以"lazy-"为前缀的css样式名
如何禁止默认加载图片
JS代码:
如何在点击事件时显示图片
JS代码:
图片路径"/>
"lazy-name" 中的name是可以自定义，"lazy-"是前缀必须存在
DEMO:
LazyImgv1.0<a href="https://www.jb51.cc/tag/tupian/" target="_blank" class="keywords">图片</a>延迟加载<a href="https://www.jb51.cc/tag/chajian/" target="_blank" class="keywords">插件</a>
nofollow" type="text/css"/>
Box auto">
默认情况下: 在IMG中满足以任何一个条件，都会加载图片；
1、没有class属性
2、如果有class属性并且属性中不包含以"lazy-"为前缀的css样式名
Box auto">
如何禁止默认加载图片
代码: LzDefault.action = false;
Box auto">
如何在点击事件时显示图片
代码: LazyImg.lazy("lazy-name");
![]()
图片路径"/>
中的name是可以自定义，"lazy-"是前缀必须存在
-
-
-
-
-
-
-
-
Box auto">
默认加载了1、2、3、7、8、9图片，当点击下面的按钮时会加载 4、5、6图片
附：
完整实例
代码点击此处
本站下载。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《》、《》、《》、《》、《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。
原文链接：https://www.f2er.com/js/36671.html
