img lazyLoad

预览：

地址：点击预览

说明：

1. 支持横向滚动懒加载
2. 动态加载

安装

yarn add lazy-load-img-tan

CDN

<script src="https://cdn.jsdelivr.net/npm/lazy-load-img-tan@0.0.13/lib/main.min.js"></script>

参数说明

MyLazyLoad.init( cls, src, initImg )

cls(可选)	src(可选)	initImg(可选)
.lazyLoad	data-src	占位图

使用说明：

html结构：

1<img class="lazyLoad" data-src="需要加载的图片" alt="">

1<script src="https://cdn.jsdelivr.net/npm/lazy-load-img-tan@0.1.7/lib/main.min.js"></script>
2
3<script>
4   var test = new lazyLoadImgTan()
5    test.init( ".lazyLoad", "data-src", "http://www.wclimb.site/images/imgLoading.svg" ) 
6</script>

案例请参考：/test/js/test.js

1import { LazyLoadImgTan } from "lazy-load-img-tan"
2var lazyload = new LazyLoadImgTan()
3
4lazyload.init( 
5    ".lazyLoad",
6    "data-src",
7    "http://www.wclimb.site/images/imgLoading.svg" 
8    )

案例请参考：/src/main.ts

参考材料

wclimb-lazyLoad

感谢 wclimb