图片AJAX加载时间监控问题

Question

我想做想花瓣网(www.huaban.com)首页的那种效果。
图片先不载入，等用户下拉到图片位置的时候，在通过AJAX载入。请问这是通过哪种JS时间监控的？

Answer 1

楼主可以通过jquery的lazyLoad控件来实现

Answer 2

正解jquery的lazyload插件
手写也可以 就是图片先不用img 只是用hidden把src存起来 然后鼠标滚到对应位置时给才初始化img

Answer 3

下载jquery.lazyload.js
<script type="text/javascript" src="js/jquery.lazyload.js"></script> 
<script type="text/javascript" charset="utf-8"> 
 $(function() {
     $("img").lazyload({placeholder : "images/这里弄个空白片.gif",effect : "fadeIn"});
 });
</script>