搜索:
首页 >> JavaScript >> Js高级编程 >> JSPVZ里关于多图的图片载入进度条函数

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

2011-7-1 作者:lonelystar asp之家 投递文章

LoadImage是单张图片载入函数

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

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

 

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

在首页出现的时候

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

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

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

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

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

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

每读取一个就执行一个LoadImage

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

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

CheckImg:function(){   
    /*使用一个变量存储载入成功的图片数  
    每次执行CheckImg该变量+1  
    if(载入数==图片总数){  
        执行下一个函数  
    }*/  
}
Tags:载入  函数  图片 
上一篇:关于分页  下一篇:有用的:nth-child秘方
相关文章
手机版 Js高级编程 Asp之家 Aspxhome.com
闽ICP备06017341号