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)
}
}; }