LazyLoad 2.2

LazyLoad allows you to defer image loading until the user scrolls down to each image. Using LazyLoad can easily save you bandwidth and allow the page to load faster for the user. This plugin takes only a minute to implement so using LazyLoad is a must.



Details

Author
David Walsh
Current version
2.2
GitHub
darkwing/LazyLoad
Downloads
29402
Category
Media
Tags
Report
GitHub Issues

Releases


Dependencies

  • core/1.2.1: *

How to use

LazyLoad should be initialized during the DOMReady event. There are no required arguments -- only options.

/* LazyLoad instance */
var lazyloader = new LazyLoad({
    range: 200,
    realSrcAttribute: "data-src",
    useFade: true,
    elements: 'img',
    container: window
});

#HTML
<img src="http://davidwalsh.name/dw-content/blank.gif" data-src="http://davidwalsh.name/dw-content/mexico-2009/small/102_1152.jpg" />
<!-- or -->
<img data-src="http://davidwalsh.name/dw-content/mexico-2009/small/102_1152.jpg" />

For specific usage and options, please read the documentation or visit http://davidwalsh.name/js/lazyload


Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.

blog comments powered by Disqus