lazy-load-img-tan v0.1.7

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 )

使用说明：

html结构：

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

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

<script>
   var test = new lazyLoadImgTan()
    test.init( ".lazyLoad", "data-src", "http://www.wclimb.site/images/imgLoading.svg" ) 
</script>

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

import { LazyLoadImgTan } from "lazy-load-img-tan"
var lazyload = new LazyLoadImgTan()

lazyload.init( 
    ".lazyLoad",
    "data-src",
    "http://www.wclimb.site/images/imgLoading.svg" 
    )

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

参考材料

wclimb-lazyLoad

感谢 wclimb