Question

I have these images that I am getting off my server and a database using PHP

<div class="pics">

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

</div>

There actual sizes are huge, but I need them to all be at a height at 200.

How do I find the width of this image using jQuery, I cant find a tutorial anywhere….

Any help would be appreciated.

Thanks for you’re time,
J

Answer 1

I would try .innerWidth() instead of .width(), as .width() would include the margin.

$('img').innerWidth();

If your image is really that big, you should consider scaling it down it server-side.

Update

Actually .width() is not adding the margin and furthermore its not even adding the padding. That makes .width() more suitable than .innerWidth(). Thanks SKS.