Lazy Load 1.6.0 Released

Blog Projects
JavaScript jQuery Lazy Load

After neglecting the code for a while I was finally able to release new version of Lazy Load plugin. Changes are not dramatic but there is one important thing. New browsers load image even if you remove the src attribute with JavaScript. Because of this you must alter your html code. Put placeholder image into src attribute of your img tag. Real image url should be stored data-original attribute.

<img data-original=“img/example.jpg” src=“img/grey.gif”>

All code regarding the old behavior where you could just include plugin code in your page and it would automagically lazyload your images was removed.

Ignore Hidden Images

There are cases when you have invisible images. For example when using plugin in together with a large filterable list of items that can have their visibility state changed dynamically. To improve performance hidden images are now ignored by default. If you want to load hidden images set the new skip_invisible parameter to false.

    skip_invisible : false

New Scrollstop Event

Support for James Padolseys scrollstop event was added. Use it when you have hundreds of images on page. Check the demo page to see it in action. I have extracted the code from James’ webpage and put it into separate file.

<script src="jquery.scrollstop.js" type="text/javascript" charset="utf-8"></script>
    event: "scrollstop"

Renamed Parameter

Parameter failurelimit was renamed to failure_limit. Old version will work for couple of versions. I cannot seem to be able to decide on my own coding standards…


Latest source or minified. Plugin has been tested with Safari 5.1, Firefox 3.6, Firefox 7.0, Firefox 8.0 on OSX and Firefox 3.0, Chrome 14 and IE 8 on Windows and Safari 5.1 on iOS 5 both iPhone and iPad.

When asking a question include an URL to example page where the problem occurs. Even better is to make a Fiddle which demonstrates the problem. If you have longer code examples please use