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()
downloadImage(i );
}
}
//단일 이미지 로드
function downloadImage(i)
{
var imageIndex = i 1; //이미지는 1로 시작합니다
Imgs[i] .src = "images/" imageIndex ".jpg";
Imgs[i].onLoad=validateImages(i);
}
//로드가 성공했는지 확인합니다. , 다시 로드
function verifyImages(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 == Count)
{
document.getElementById('BtnStart')disabled=false; 🎜> document .getElementById('BtnStop').disabled=false;
Alert('이미지가 로드되었습니다! ');
}
}
}
//Start
function RandStart()
{
Init = setInterval('SetRand()',50);
//무작위 표시
function SetRand()
{
imageIndex = Math.floor(Math.random()*Count)
document.getElementById("ImgView"). Imgs[imageIndex].src;
}
//End
function RandStop()
{
window.clearInterval(Init);