Lightweight javascript plugin to lazy load responsive images. Most of the existing javascript plugins using extensive dependencies or supporting just the img-tag without responsive parts. This plugin is supposed to be an alternative.
>> View demo and usage >> History
- 100% performance with plain javascript (no jQuery)
- 100% valid HTML (no empty src tag)
- Simplicity and lightness (just lazy loading of images, no special cases)
- Heavily tested on various devices, browsers and OS versions
You can download the latest release and include
the justlazy.js
file as follows in your page:
<script src="javascript/justlazy.js" type="text/javascript"></script>
If you want to use the lazy spinner, following css file is needed:
<link href="stylesheets/justlazy.css" type="text/css" rel="stylesheet">
$ npm install justlazy
Just feel free to contribute..
To set up the project you need the grunt-cli:
$ sudo npm install -g grunt-cli
Then you just have to clone the repository and run the install command:
$ npm install
To run tests manually you can use the $ grunt
command to perform jshint and jasmine tests with phantomjs.
Furthermore you can run $ grunt server
to call the jasmine runner in your browser localhost:9999
justlazy
has CI set up through Travis CI and Sauce Labs (free for open-source projects).
Pull-request and checkins will be tested automatically.