<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="lazyloading.js"></script>
<body>
<div id="product">
<img src="img/grey.gif" width="500" height="500" data-original="真是的图片地址" class="lazy" />
</div>
</body>
$("img.lazy").lazyload();
OK咯,他会时时判断浏览器滚动条,如果图片到了可视化区域的话就会去加载图片。lazyloading.js 可以到 google 去下。