对不支持JavaScript浏览器的降级处理

在不支持JavaScript的浏览器中（当然现在的主流浏览器基本都支持了），会优雅的降级。 这里需要用CSS来设置隐藏的预加载图片，并用 <noscript>标签来包含，这样，当浏览器不支持JavaScript的时候，我们设置隐藏的预加载图片就会显示出来。 如果浏览器支持JavaScript的话，那么 show() 函数就会在Lazy Load插件。

这里要测试的话，建议打开IE浏览器测试(打开后按F12即可看到)，打开后不要勾选Allow blocked conent

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