lazyload 图片懒加载

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

步骤一

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

步骤二

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

步骤三

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

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

// 示例

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

```

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

```

步驟四

引入lazyload.js

步骤五

增加如下代码

$img.LazyLoad( )

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容