论坛首页 Web前端技术论坛

【原创】JavaScript 图片预览效果

浏览 23892 次
精华帖 (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了。

0 请登录后投票
   发表时间:2010-01-15  
图挂了
换了一个
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics