IE浏览器中图片onload事件无效的解决方法
2014-04-29 10:22
716 查看
故事模式实现是只加载当前浏览的照片和它下面的两张照片,加载照片的时候才会加载和渲染评论区,图片没有加载前会用一个一象素的图片占位,并用一个loading类将显示出一个loading背景图,判断在可视区的时候替换成真正的图片,图片加载成功后删除loading类。
问题出在最后面,测试的时候发现在IE下loading类无法删除,当时代码如下:
img.src = _src;
img.src = _src;
img.onload = function(){
_con.delClass('loading');
}
网上找了一番,onload和定义src的语句应该换一下顺序,IE从缓存中取图片,onload根本不触发,opera也有这个毛病,正确代码修改如下
复制代码 代码如下:
img.onload = function(){
_con.delClass('loading');
};
img.src = _src;
立即就正常了
结论:应该把onload写到src前面,先告诉浏览器图片加载完要怎么处理,再让它去加载图片。 所以,不是IE浏览器不会触发onload事件,而是因为加载缓冲区的速度太快,在没有告诉它加载完要怎么办时,它已经加载完了。反过来说,firefox明显更智能一些,加入onload事件后,firefox浏览器会检测缓冲区是否已经有此图片,有的话直接就触发此事件!
您可能感兴趣的文章:
相关文章推荐
- IE浏览器中图片onload事件无效的解决方法
- IE中图片的onload事件无效问题和解决方法
- IE中图片的onload事件无效问题和解决方法
- 图片onload事件触发问题解决方法
- 图片onload事件触发问题解决方法
- onload事件不执行的解决方法
- jquery绑定click等事件无效解决方法live替代$().click不执行
- 在IE浏览器中resize事件执行多次的解决方法
- 图片添加热点MAP之后连接无效的解决方法
- vue element-ui 绑定@keyup事件无效的解决方法
- MySQL事件调度器无效的问题原因以及解决方法
- IE IE8 iframe的onload方法分析 IE浏览器onload事件失效
- 在IE浏览器中resize事件执行多次的解决方法
- android studio使用ButterKnife 8.0.1报空指针错误以及点击事件无效的解决方法
- EasyTouch绑定事件在电脑上点击有效Android上无效的解决方法
- wxpython中Textctrl回车事件无效的解决方法
- 在IE浏览器中resize事件执行多次的解决方法
- 解决使用jQuery采用append添加的元素事件无效的方法
- “回发或回调参数无效。在配置中使用 或在页面中使用 启用了事件验证。”的替代解决方法
- checkbox的change事件(IE浏览器change事件问题及解决方法)