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

Lazy Load Plugin for jQuery具体介绍及使用方法见

举例说下：

//以当前窗口为可视区域，对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")
});