Lazyload图片懒加载

当有大量图片的时候，通过Lazyload图片懒加载插件，会让图片陆续加载，从而提升了页面打开速度，素材圈的首页和列表页正式采用的这种方法。

淘建站为您提供更多_图片代码_延迟加载_延迟_懒加载，在此特别感谢您对我们的支持与厚爱！

HTML

首先引入jquery库和lazyload插件：

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="lazyload.js"></script>

接着我们放置多个有图片的列表，注意图片上的属性original，即真正图片的地址，并且每个图片加上了.lazy。

<img src="images/grey.gif" original="http://www.sucaiq.com/jquery/logo/45/middle.jpg" alt="超炫的弹出层效果Fancybox" class="lazy"  />

jQuery

最后我们对有.lazy的图片进行懒加载：

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

看下这个lazyload懒加载网页特效吧，突然有点流畅，有点炫哦！~