@cany/lazyload

Lazy load media resource like image or video

Usage no npm install needed!

<script type="module">
  import canyLazyload from 'https://cdn.skypack.dev/@cany/lazyload';
</script>

Lazy load resource like image or video

npm install --save @cany/lazyload
# or
yarn add @cany/lazyload

<script src="https://unpkg.com/@cany/lazyload"></script>

<img src="loading.gif" data-url="real-image-url" class="lazy" />
<video data-url="real-video-url" class="lazy"></video>

import Lazyload from '@cany/lazyload'

document.addEventListener('DOMContentLoaded', () => {
  Lazyload.listen('.lazy')
})

Lazyload.listen(selector | NodeList)

Listen to elements. which returns a function that can unlisten to elements.