Skip to content

zzcr/lazyload

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 

Repository files navigation

lazyload

图片懒加载,支持动态新增图片

使用非常简单

步骤一

修改需要懒加载的图片的属性,增加一个名称为lazyload的class

步骤二

并把图片的src设置成通用的loading图片或者空白占位符图片

步骤三

把图片的真实地址,写入图片的data-img中

经过以上三部,图片的html代码变成如下格式:

//示例
<img src="loading.gif" data-img="a.jpg" class="lazyload">

步骤四

引入lazyload.js

步骤五

增加如下代码

$.imgLazyLoad()

About

图片懒加载

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%