1.0.1 • Published 4 years ago
intersection_observer_lazy v1.0.1
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,
})