Lazy Load Plugin for jQuery

Plugin enabled with noscript fallback

This page deprecates gracefully for non JavaScript browsers. It requires hiding lazy loaded images with css and adding a <noscript> block which contains the real image and it is shown when JavaScript is not enabled. If JavaScript is enabled show() function is called before initializing Lazy Load plugin.

.lazy {
    display: none;
}

$("img.lazy").show().lazyload({
    effect : "fadeIn"
});

<img class="lazy" src="img/grey.gif" data-original="img/example.jpg" width="765" height="574">
     <noscript><img src="img/example.jpg" width="765" height="574"></noscript>