瀑布流加载图片

发布时间:2016-12-9 19:47:22 编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"瀑布流加载图片",主要涉及到瀑布流加载图片方面的内容,对于瀑布流加载图片感兴趣的同学可以参考一下。

最近写了个瀑布流加载图片的例子   主要就是当 滚动条到达底部时,使用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没有问题啦.气死了.

上一篇:HTML中的转义字符
下一篇:Linux2.6内核--对块IO层操作的讨论

相关文章

相关评论