jquery - jQuery と PrototypeJS で未知の画像サイズを見つける

Question

この画像のサイズをpx単位で知りたいです。

jQueryで

var h = $("img").height();
var w = $("img").width();
alert(h +"px", w +"px");

PrototypeJS で

var h = $('img').getHeight();
var w = $('img').getWidth();
alert(h);
alert(w);

この 2 つを使用して、元の異なるサイズのすべての画像に対して 20px と 1350px のサイズを取得します。

Answer 1

Webブラウザにレンダリングされたサイズではなく、画像の実際のサイズを取得したいですか？その場合は、次のコードが役立つ場合があります。

var img = new Image();
img.onload = function() {
  alert(this.width + 'x' + this.height);
}
img.src = $("#myimg").attr('src');

ここを参照: jQuery を使用して実際の画像の幅と高さを取得するにはどうすればよいですか?