/unveil

A very lightweight jQuery plugin to lazy load images

Primary LanguageJavaScript

#unveil.js ###A very lightweight plugin to lazy load images for jQuery or Zepto.js

Most of us are familiar with the Lazy Load plugin by Mika Tuupola. This plugin is very useful and it boosts performance delaying loading of images in long web pages because images outside of viewport (visible part of web page) won't be loaded until the user scrolls to them. Lazy Load has some cool options such as custom effects, container, events or data attribute. If you're not gonna use any of them you can reduce the file size by leaving just the essential code to show the images. That's what I did and this is my lightweight version of Lazy Load with support for serving high-resolution images to devices with retina displays - less than 1k.

Visit unveil's project page to read the documentation and see the demo.

###Differences

Use a threshold of -1 to trigger when you call rather than based on scroll distance, allowing you to still use the callback function (i.e. to load images first before running a carousel/slideshow builder on the same image set).

###Browser support Compatible with All Browsers and IE7+.

###License Unveil is licensed under the MIT license.