画像サイズを調べる

【実行画面】

【実行画面の Source Code】
<script type="text/javascript">
var element = new Image() ;

element.onload = function ()
{   var width = element.naturalWidth ;
    var height = element.naturalHeight ;
    window.alert("image:" + path + "  width:" + width + "  height:" + height);
}

//var path = "img/ayu.jpg" ;
var path = "img/ffx2s.jpg" ;
element.src = path ;
</script><br>
new Image() で var element を設定して、element.onload でサイズを調べます。
var element = new Image() ;

element.onload = function ()
{   var width = element.naturalWidth ;
    var height = element.naturalHeight ;
    window.alert("image:" + path + "  width:" + width + "  height:" + height);
}

var path がサイズを調べる画像のパスです。
element.src に画像のパスを設定します。
//var path = "img/ayu.jpg" ;
var path = "img/ffx2s.jpg" ;
element.src = path ;

前田稔の超初心者のプログラム入門
超初心者のプログラム入門(JavaScript)