Lazyload图片懒加载
素材火 2015-04-14 12:55:21 当有大量图片的时候,通过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.sucaihuo.com/jquery/logo/45/middle.jpg" alt="超炫的弹出层效果Fancybox" class="lazy" />
$(function() {
$("img.lazy").lazyload({effect: "fadeIn"})
})