php - jQueryを使用して画像の幅を確認する

Question

PHPを使用してサーバーとデータベースから取得しているこれらの画像があります

<div class="pics">

<img src="upload/<?php echo $array['image'] ?>" height="200"/>

</div>

実際のサイズは巨大ですが、すべて200の高さにする必要があります。

jQueryを使用してこの画像の幅を見つけるにはどうすればよいですか。チュートリアルがどこにも見つかりません。

どんな助けでもいただければ幸いです。

お時間をいただきありがとうございます、J

Answer 1

関数を使ってみてください.width。何かのようなもの$('img').width();

詳細を読む..http ：//api.jquery.com/width/

さらに、パディング、ボーダー、マージンを含める/除外する機能が.innerWidthあります。.outerWidth詳細については、下の画像を参照してください。

Answer 2

マージンを含めるように、.innerWidth()の代わりに試してみます。.width().width()

$('img').innerWidth();

画像が本当に大きい場合は、サーバー側で画像を縮小することを検討する必要があります。

アップデート

実際.width()にはマージンを追加しておらず、さらにパディングも追加していません。それは.width()より適してい.innerWidth()ます。SKSに感謝します。