GitHub
🚩 [Native lazy-loading for the web](https://web.dev/native-lazy-loading/) is introduced finally, so I recommend you to use [`loading` attribute](https://html.spec.whatwg.org/#lazy-loading-attributes) instead.
# lazyload-image
[HTMLImageElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement) extension for lazy loading. Images will be loaded when they are shown.
## Install
Install `lazyload-image` via npm.
```bash
$ npm install lazyload-image
```
## Usage
Import `LazyloadImage` and register it.
```javascript
import LazyloadImage from 'https://unpkg.com/lazyload-image';
customElements.define('lazyload-image', LazyloadImage, {
extends: 'img'
});
```
Modify your `![]()
` elements such as following.
```html
```
## Fallback
If a browser does not support `customElements.define()`, images will be loaded as usual.
## License
[MIT](https://1000ch.mit-license.org) © [Shogo Sensui](https://github.com/1000ch)
