unveil2.js
A very lightweight plugin to lazy load images for jQuery
Based on luis-almeida/unveil.
Getting started
Install unveil2.js by downloading a copy of jquery.unveil2.min.js and add it to your page after jQuery:
<script src="https://github.com/hongaar/unveil2/raw/develop//code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://github.com/hongaar/unveil2/raw/develop/jquery.unveil2.min.js"></script>And call the unveil plugin on the images you want to be lazily loaded:
$('img').unveil();Note: If you load scripts at the bottom of the page, you don't have to wait for $.ready.
More examples
CSS background, retina images, breakpoints and more: see online examples.
More configuration options
For a complete list of options, see API section.
Cross-browser tests
