时间:2021-05-28
故事模式实现是只加载当前浏览的照片和它下面的两张照片,加载照片的时候才会加载和渲染评论区,图片没有加载前会用一个一象素的图片占位,并用一个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浏览器会检测缓冲区是否已经有此图片,有的话直接就触发此事件!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了IE6浏览器中window.location.href无效的解决方法。分享给大家供大家参考。具体方法如下:window.location.href
有用户发现电脑中无法在IE浏览器新选项卡中打开链接,若要解决这个问题,那么不妨参考接下来的小编提供的方法。解决方法:1、重置IE浏览器:打开Internet选项
以IE11浏览器为例,网页不兼容的解决方法是: 1、打开IE11浏览器,点击浏览器右上角的“工具”选项,再选择“Internet选项”; 2、点击界面的上方
ie浏览器停止工作,其解决方法有:减少加载项、重置IE设置。 InternetExplorer(旧称:MicrosoftInternetExplorer、Wi
window.onresize在IE浏览器下有多次被执行甚至死循环的bug,会导致浏览器卡死解决方案:复制代码代码如下://IE浏览器下将onresize事件放