监控图片是否加载完成 函数
NicholasNC
2016-02-27 23:24
//监控图片是否加载完成
preLoadImg:function(src,callback){
var img=new Image();
if(!!window.ActiveXObject){
img.onreadystatechange=function(){
if(this.readyState=='complete'){
callback();
};
};
}else{
img.onload=function(){
callback();
}
}
img.src=src;
},
为什么上述代码能监控图片是否加载完成?
img.src=src;最后的这句有什么意义?函数中的img对象好像和什么都没有关系.
2回答
-
- Kunen
- 2017-01-13 12:19:28
通过img.src=src; 去找图片，onload事件是监控图片是否找到，如果找到则调用回调函数。
img.src=src; 本应该写在 var img=new Image(); 这行代码的下一行会更容易理解的。
-
- 丰台军
- 2016-03-28 04:28:56
这是图片的预加载技术，onload事件表示图片一旦加载后触发的事件，当然老师做了兼容！
具体idea您可以直接百度或者google，图片预加载，会有很多解释
JS插件开发之LightBox图片画廊(上)
27071 学习 · 81 问题
相似问题