JS_javascriptスキルにおける画像バッファ読み込み技術のサンプルコード

コードをコピーします コードは次のとおりです。

var Imgvalue
var Count =13; /画像の数
var Imgs = new Array(Count);
var ImgLoaded =0;
//画像のプリロード
function preLoadImgs()
{
alert('お待ちください画像の読み込み中はお待ちください...');
for(var i=0;iImgs[i]=new Image(); );
}
}
//単一の画像をロードします
function downloadImage(i)
{
var imageIndex = i 1; //画像は 1 から始まります
Imgs[i] .src = "images/" imageIndex ".jpg";
Imgs[i].onLoad=validateImages(i);
}
// 読み込みが成功したかどうかを確認します。 , reload
function validateImages(i){
if (!Imgs[i].complete)
{
window.setTimeout('downloadImage(' i ')',200); }
else if (typeof Imgs[i].naturalWidth != "未定義" && Imgs[i].naturalWidth == 0)
{
window.setTimeout('downloadImage(' i ')', 200);
}
else
{
ImgLoaded
if(ImgLoaded == カウント)
{
document.getElementById('BtnStart')。 🎜> ドキュメント .getElementById('BtnStop').disabled=false;
アラート('画像が読み込まれました! ');
}
}
}
//Start
関数 RandStart()
{
Init = setInterval('SetRand()',50);
//ランダム表示
関数 SetRand()
{
imageIndex = Math.floor(Math.random()*Count);
document.getElementById("ImgView"). Imgs[imageIndex].src;
}
//End
関数 RandStop()
{
window.clearInterval(Init);