JSPVZ里关于多图的图片载入进度条函数

LoadImage是单张图片载入函数

 

如果要再某张图片成功载入后执行某函数就用一个LoadImage即可

 

 

 

 

LoadImage:$User.Browser.IE? //IE function(url,callback,Ar){ //地址，id，回调函数 var img=new Image(); //当准备状态发生改变时判断是否complete，是则执行回调函数 img.onreadystatechange=function(){img.readyState=='complete'&&callback(Ar)} //出错时状态改变事件置空，执行回调函数 img.οnerrοr=function(){img.onreadystatechange=null;img.title=url;callback(Ar);}; img.src=url; //无论哪种浏览器，赋值要放在事件定义后 }: function(url,callback,Ar){ //非IE var img=new Image(); //是否有缓存，是则直接执行回调函数 img.complete?callback(Ar):( //无缓存，执行onload后回调或者出错后回调 img.οnlοad=function(){callback(Ar)}, img.οnerrοr=function(){img.title=url;callback(Ar);}) img.src=url; },

 

在JSPVZ里的多张图片是每个关卡单独载入一次

 

在首页出现的时候

 

游戏的公用图片已经载入完毕

 

之后每关只载入本关所需要用到的图片

 

所以要使用到多图载入进度条

 

原理是要先知道到底要载入哪些图片

 

然后把所有需要载入的图片url放入一个数组

 

载入图片时循环读取数组url

 

每读取一个就执行一个LoadImage

 

而回调函数都是执行CheckImg来检查是否载入了所有图片

 

载入所有图片后就开始执行下一个任务

 

CheckImg:function(){ /*使用一个变量存储载入成功的图片数 每次执行CheckImg该变量+1 if(载入数==图片总数){ 执行下一个函数 }*/ }