JavaScriptで、imgタグのwidthとオリジナルの画像のwidthを簡単に取得する方法

2013年8月20日

JavaScriptでフツウに画像サイズを取得する場合

<img src="https://gendosu.jp/wp-content/themes/twentyten/images/headers/cherryblossoms.jpg" width="470″ height="99″ id="image">

image = $('#image');
image.width // imgタグのwidth =&gt; 470
image.height // imgタグのheight =&gt; 99

といった感じですが、オリジナルの画像サイズは940×198なので、そのサイズがとりたい。

という場合ですが

image = $('#image');

tmpImage = new Image();
tmpImage.src = image.src;
tmpImage.widht// imgタグのwidth =&gt; 940
tmpImage.height // imgタグのheight =&gt; 198

という感じで取得出来ます。

JavaScript,jQuary

Posted by GENDOSU