`<lazyload-image>`

HTMLImageElement extension for lazy loading. Images will be loaded when they are shown.

Usage

Install lazyload-image via npm or bower.

$ npm install lazyload-image
$ bower install lazyload-image

Load lazyload-image.html in your HTML.

<link rel="import" href="lazyload-image.html">

Modify your <img> elements such as following.

<img is="lazyload-image" src="path/to/your/image.jpg" width="100" height="100">

You can specify load offset.

<img is="lazyload-image" src="path/to/your/image.jpg" offset="200" width="100" height="100">

If a browser does not support document.registerElement(), images will be loaded as usual.

Failed to load latest commit information.
assets	add image	Jan 20, 2015
.editorconfig	initial commit	Aug 28, 2014
.gitignore	initial commit	Aug 28, 2014
bower.json	update	Jul 18, 2015
index.html	fix href	Jul 18, 2015
lazyload-image.html	use es2015 syntax	Nov 16, 2015
package.json	update	Jul 17, 2015
readme.md	fix readme	Oct 17, 2015