2015-10-13

javascript:画像のサイズを取得する方法

参考: http://pops-web.com/main/pops/archives/189


画像ロード完了後、実際の画像サイズを取得できます。其の値を元にリサイズなどの処理を行います。


//画像URL
var url="images/test2.jpg";

//imgPreloaderオブジェクトを作る、名前は任意
var imgPreloader=new Image();

//onloadイベントハンドラ
imgPreloader.onload=function() {

//画像の実際の大きさを取得、ここでは利用はしていない
var img_W=imgPreloader.width;
var img_H=imgPreloader.height;

//ロード完了で画像を表示
$("#image-box").children("img").attr({'src':url});
}
//重要、最後に書く
imgPreloader.src=url;



以上