瀑布流加载图片

发布时间:2014-10-22 12:36:17
来源:分享查询网

最近写了个瀑布流加载图片的例子   主要就是当 滚动条到达底部时,使用ajax去获取下一页的数据. 页面效果就是一个图片从模糊到清晰的过程.使用了image对象的onload事件,在大图加载完成后去替换掉原来的小图.其实就是img标签的src属性.   其中遇到了 1.scroll事件多次被触发的问题,使用定时器来解决. 定义一个变量用于存放定时器返回的变量.当该变量定义了时,停止定时器,并将其设置为未定义.之后执行一个定时器. function scrollEvent(){ if(scrollTimer) { clearTimeout(scrollTimer); scrollTimer = undefined; } scrollTimer = setTimeout(function(){ if(reachBottom(10)) getmore(); },500); } 2.图片缓存问题,第一次加载图片后,图片本地被缓存.image的onload方法不会被调用.ie有问题啦.ff没有问题啦.气死了.

返回顶部
查看电脑版