lazim

Small, simple image lazy loader. 800 bytes gzipped.

Install

``bash
npm i lazim --save
`

Usage

lazim doesn't really care about your markup. This works:
`html

`
But so does this:
`html

`
And so does this:
`html

silly image

bind()
`

You can also pass a different attribute, if you don't like data-src:
`javascript
bind('data-url')
`

lazim checks if there are images in the viewport on initial load, but in the
event you need to run this again when adding/animating elements:
`javascript
import { update } from 'lazim'

update()
`

Once bound, lazim removes the data-src attribute to prevent duplicate event
listeners.

$3

When visible in the viewport, it will receive an is-visible class. When the
image loads, it receives an is-loaded class.
`html






License