Lazy Load Enabled With Noscript Fallback

# Lazy Load Plugin for jQuery

Blog Projects

## 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>