リプタクのもう覚えられません
Google
Web サイト内
topmemo ▶ 画像の先読み処理サンプル

JavaScript

画像の先読み処理サンプル

画像の先読み処理のサンプル


//先読み用画像URL
var imgURL = [
"http://www.sample.com/xxx.jpg",
"http://www.sample.com/xxx.jpg",
"http://www.sample.com/xxx.jpg",
"http://www.sample.com/xxx.jpg",
"http://www.sample.com/xxx.jpg",
"http://www.sample.com/xxx.jpg",
"http://www.sample.com/xxx.jpg",
"http://www.sample.com/xxx.jpg",
"http://www.sample.com/xxx.jpg",
"http://www.sample.com/xxx.jpg",
"http://www.sample.com/xxx.jpg",
];

var cntSakiyomi =0; //先読み用カウンタ
var testImg = new Image(); //先読み用画像オブジェクト

window.onload = function(){
	funcSakiyomi();
}

//画像読み込み
function funcSakiyomi(){
	if(cntSakiyomi < imgURL.length){
		testImg.src = imgURL[cntSakiyomi];
		cntSakiyomi = cntSakiyomi + 1;
		
		//画像を読み込み完了したら次の画像読み込み
		testImg.onload = funcSakiyomi; 
		
		//以下目視確認用不要コード
		document.getElementById("idTest").src = testImg.src;
	}else{
		alert("画像読み込み終了");
	}
}

last update 2010.12.20
参考・出典等
「特に無し」

▲page top

topmemogalleryblogtestaboutlinksmail
Copylight(C)2008-2010 Riptac. All Rights Reserved.