Skip to content

moahmn/lazyLoad

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 

Repository files navigation

lazyLoad

图片懒加载

使用方法:

<img class="lazy" data-original="img/bmw_m1_hood.jpg" width="765" height="574">
注意:data-original为你的图片真实路径,class为lazy,需要固定宽高;

js: 1.在页面中引入

<script type="text/javascript" src="lazyload.js"></script>

2.调用

<script>new lazyLoad({/*可以传入一个对象覆盖默认选项,选项见下方*/})</script>

可以自定义选项在实例化时传入:
1.threshold:需要提前多少阈值加载图片,默认为0
2.placeholder:自定义loading,默认为一张灰色背景

About

无依赖图片懒加载

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published