学步园

之前有人在博客园上介绍过Images LazyLoad，今天无意中找到了jQuery LazyLoad插件，很方便。

Lazy Load Plugin for jQuery具体介绍及使用方法见http://www.appelsiini.net/projects/lazyload

举例说下：

//以当前窗口为可视区域，对class为Thumb的所有图片使用动态加载
$(".Thumb").lazyload({ //选择所有图片
    placeholder : "img/grey.gif",  //加载前的图片，可以是个loading
    effect : "fadeIn"  //加载图片时的效果
});

//以当前窗口为可视区域，对class为Thumb的所有图片使用动态加载
$(".Thumb").lazyload({ //选择所有图片
    placeholder : "img/grey.gif",  //加载前的图片，可以是个loading
    effect : "fadeIn"  //加载图片时的效果
});

//以id为 container 为可视区域，对所有图片使用动态加载

#container {
    height: 600px;
        width:600px;
    overflow: scroll;
}

先定义一个容器
#container {
    height: 600px;
        width:600px;
    overflow: scroll;
}

$("img").lazyload({
     placeholder : "img/grey.gif",
     container: $("#container")
});