1

7つのアニメーション用に152のjpg画像をプリロードしたい.アニメーションに必要な画像(最初の40画像など)がプリロードされるとすぐに、個々のアニメーションを実行しようとしています.すべてのブラウザで、アンドロイドと同様に正常に動作しています. ipad、アニメーション (背景画像の変更) は、152 枚の画像すべてがプリロードされなくなるまでスムーズに実行されません。

function preload(arguments,index) {
    console.log(index)
    for(var i=1;i<=eval(imagesPerScreen[index][1]-imagesPerScreen[index][0]+1);i++){

        scheen[index][i-1] = new Image();
        scheen[index][i-1].src = arguments[index][eval(i-1)];


        $(scheen[index][i-1]).load(function(){
            imgLoaded++;
            var percent=parseInt((imgLoaded/(imagesPerScreen[index][1]-imagesPerScreen[index][0]+1)*100).toFixed())+8;

            if(!isiPad){
                //document.getElementById("loadingStatus").innerHTML="loading.. "+percent+"%";
                $("#loadingStatus").css('width',percent+'px');


            }
            else{
                //$("#loadingStatus").css('display','none');
                $("#loadingStatus").css('width',percent+'px');  


            }

        }); 

    }


    scheen[index][eval(imagesPerScreen[index][1]-imagesPerScreen[index][0])].onload= function() {

            ++screenLoaded;

            imgLoaded=0;

                $("#rightbutton").css('display','block');   
                $("#rightArea").css('display','block');
                $("#loadingStatus").css('display','none');  
                $("#status").fadeOut("fast");
                $("#preloader").fadeOut("fast");    


            if(waiting){moveNext();}

            if(screenLoaded<7){ 
                preload(pics,index+1)           
            }


    };  }
4

0 に答える 0