锁定老帖子 主题:【原创】JavaScript 图片预览效果
精华帖 (0) :: 良好帖 (5) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
---|---|
作者 | 正文 |
发表时间:2010-01-11
修正一个bug:
这里要注意ie6/7的gif图片载入bug,测试以下代码: <!DOCTYPE html><body><img id="img" /><div id="div"></div></body> <script> img.onload = function(){ div.innerHTML += this.complete + ", "; }; img.src = "http://tuan.pcpop.com/image/my/loading.gif"; </script> 一般图片执行一次onload后并不会重复执行,但ie6/7的gif每次循环播放都会执行一次onload。 ps:ie8在非标准(怪辟)模式下也有相同的问题。 可以在onload里面重置onload为null来取消触发,但这样每次选择文件都要重设onload。 观察测试的结果可知,在ie中第一次onload的complete属性是false的,后面都是true。 利用这个属性,先判断一下complete是否为false才执行程序,就可以了。 ps:除了ie,其他浏览器在onload时complete就已经为true了。 |
|
返回顶楼 | |
发表时间:2010-01-15
图挂了
换了一个 |
|
返回顶楼 | |