How to get image height property

Question

How can i find if image has no height style property.

Css in Html

<img id="image" src="images/sports/sports9.png" style="width:100px">

Jquery

 if($('#image').css('height') == 0)
    {
        var imageWidth = $("#image").width();
        $("#image").css("width",""+(imageWidth-1)+"px");
    }

What are you trying to achieve? – Niet the Dark Absol Feb 06 '13 at 10:12 — Niet the Dark Absol, Feb 06 '13 at 10:12
`$(document).ready(function(){...});`? – Vucko Feb 06 '13 at 10:13 — Vucko, Feb 06 '13 at 10:13

score 2 · Answer 1 · answered Feb 06 '13 at 10:14

2

Try this:

var img = document.getElementById('image');
if( !img.style.height) img.style.width = img.width-1+"px";

answered Feb 06 '13 at 10:14

Niet the Dark Absol

320,036
81
464
592

Sometimes people forget regular javascript still exists. (I'm guilty of this as well) – Andy Feb 06 '13 at 10:18

score 0 · Answer 2 · edited May 23 '17 at 12:18

0

Perhaps this is what you are after?

http://binodsuman.blogspot.se/2009/06/how-to-get-height-and-widht-of-image.html

Or do you mean that you would like to check if the image has a height property set or not?

Update:

Check here for a similar question

jQuery check if element has a specific style property defined inline

edited May 23 '17 at 12:18

Community

1
1

answered Feb 06 '13 at 10:11

inquam

12,664
15
61
101

How to get image height property

2 Answers2