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()って怖いです。
う〜ん。