源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

IE浏览器中图片onload事件无效的解决方法

  • 时间:2021-07-08 02:06 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:IE浏览器中图片onload事件无效的解决方法
故事模式实现是只加载当前浏览的照片和它下面的两张照片,加载照片的时候才会加载和渲染评论区,图片没有加载前会用一个一象素的图片占位,并用一个loading类将显示出一个loading背景图,判断在可视区的时候替换成真正的图片,图片加载成功后删除loading类。 问题出在最后面,测试的时候发现在IE下loading类无法删除,当时代码如下:
[u]复制代码[/u] 代码如下:
img.src = _src; img.src = _src; img.onload = function(){    _con.delClass('loading'); }
网上找了一番,onload和定义src的语句应该换一下顺序,IE从缓存中取图片,onload根本不触发,opera也有这个毛病,正确代码修改如下
[u]复制代码[/u] 代码如下:
img.onload = function(){    _con.delClass('loading'); }; img.src = _src;
立即就正常了 结论:应该把onload写到src前面,先告诉浏览器图片加载完要怎么处理,再让它去加载图片。 所以,不是IE浏览器不会触发onload事件,而是因为加载缓冲区的速度太快,在没有告诉它加载完要怎么办时,它已经加载完了。反过来说,firefox明显更智能一些,加入onload事件后,firefox浏览器会检测缓冲区是否已经有此图片,有的话直接就触发此事件!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部