live search 图片搜索显示效果

例如这个搜索结果
http://cnweb.search.live.com/images/results.aspx?q=mm&go=&form=QBLH&scope=images#

当你滚动下拉时,图片就会自己自动的加载,而不需要分页,请问这个效果有高手会实现吗?

说说简单的流程和 制作 方法?
最后用JQurey实现。

小弟啼哭跪倒~~~!求恩人帮助。

?我之前不是回答过这个问题。。。。。

你通过监听它的下拉,判断那个div的scrollTop属性,scrollTop如果增加了一定大小,就发起新的ajax请求,然后将返回的图片添加到div里面

jquery的话更好办。比如你要展现图片的div id为 s

var orgScrollTop = $("#s")[0].scrollTop;
$("#s").scroll(function(){

if(this.scrollTop>95360)return;
if(this.scrollTop-orgScrollTop>200){
orgScrollTop = this.scrollTop;

$.ajax(xx,xx,function(data){

将data添加到div中

});

}

});
稍微看了下那个代码,它的滚动条也是用滚动下限的,最大不超过95360.这个伪代码基本可用,你稍微改造一下就可以。总的原理就是这样,对于滚动条事件触发时候,不断判断用户拖动的滚动条的距离。如果大于一定距离,就执行ajax请求,并将返回的数据添加到div中

楼上正解!