JavaScriptで画像の読み込み確認するcomplate

画像の読み込み確認。img要素について、complateというのがあり、それで読み込んだかどうかを確認できるようです。

var img         = $('change');
var imagePath   = img.src;
var loadingPath = './loader.gif';

var glayerTimer = setInterval(function(){
	if(img.complete){
		clearInterval(glayerTimer);
		img.src = imagePath;
	}else{
		img.src = loadingPath;
	}
},5);

changeというidの画像について読み込み中は、ローディング画像を表示します。
一応、Firefox 2.0とIE7では試してみました。他のブラウザーでも試してみないとね。

それにしても、setInterval()って怖いです。
う〜ん。