1.0.1 • Published 4 years ago

intersection_observer_lazy v1.0.1

Weekly downloads
1
License
ISC
Repository
github
Last release
4 years ago
npm install intersection_observer_lazy --save-dev
or
yarn add intersection_observer_lazy

Usage

<div class="box">
        <img data-src="https://loading.io/s/icon/v2s9uy.svg" alt="" class="lazy-load-1" />
        <img data-src="https://loading.io/s/icon/vpsr2a.svg" alt="" class="lazy-load-2" />
        <img data-src="https://loading.io/s/icon/wg9ezt.svg" alt="" class="lazy-load-3" />
        <img data-src="https://loading.io/s/icon/se7g9z.svg" alt="" class="lazy-load-4" />
        <img data-src="https://loading.io/s/icon/ckfhuq.svg" alt="" class="lazy-load-5" />
        <img data-src="https://loading.io/s/icon/uveui4.svg" alt="" class="lazy-load-6" />
        <img data-src="https://loading.io/s/icon/t4zd3i.svg" alt="" class="lazy-load-7" />
        <img data-src="https://loading.io/s/icon/j3sdt0.svg" alt="" class="lazy-load-8" />
        <img data-src="https://loading.io/s/icon/5sq5z0.svg" alt="" class="lazy-load-9" />
</div>
import LazyLoad from 'intersection_observer_lazy'
const lazyLoad = new LazyLoad({
            el: ".box",
            aniTime: 2,
            threshold: 0.2,
        })

Preview

8cC8KI.gif