//监控图片是否加载完成
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对象好像和什么都没有关系.
通过img.src=src; 去找图片,onload事件是监控图片是否找到,如果找到则调用回调函数。
img.src=src; 本应该写在 var img=new Image(); 这行代码的下一行会更容易理解的。
这是图片的预加载技术,onload事件表示图片一旦加载后触发的事件,当然老师做了兼容!
具体idea您可以直接百度或者google,图片预加载,会有很多解释