首页 > 代码库 > jquery.lazyload 使用

jquery.lazyload 使用

1、引用js

<script src="http://www.mamicode.com/jquery.js" type="text/javascript"></script><script src="http://www.mamicode.com/jquery.lazyload.js" type="text/javascript"></script>

2、需要加载的图片写成以下的形式:

<img class="lazy" data-original="img/example.jpg" width="640" height="480">
或者:

<img class="lazy" data-original="img/example.jpg"  src="http://www.mamicode.com/Content/images/home/nopic_shop.png" width="640" height="480">

最下面的是有默认图的。建议用下面的

3、在要加载的页面,加上js

$(function() {    $("img.lazy").lazyload();});

 

我一般使用下面有效果的模式:

//加载图片
$("img.lazy").lazyload({
effect: "fadeIn"
});

 

更多需求文档,请参考官方的介绍:

http://www.appelsiini.net/projects/lazyload

 

jquery.lazyload 使用