my-lazyload v0.2.1

LazyLoad

a component to lazyload images

Feature

1. wirtten in native javascript
2. use intersectionObserver when support, fallback listen scroll event to check image's getBoundingClientRect
3. use debounce to decrease scroll event
4. when load image, remove image from observe
5. when all images loaded, remove observer or scroll event
6. defer load images when use data-defer

Installation

npm i my-lazyload -S

Usage

<img src="images/defalut.png" data-src="images/real.jpg" data-defer="5000"/>

import {LazyLoad} from 'my-lazyload';

new LazyLoad({
    imgSelector:'img[data-src]',
    threshold:100
})

Params