how do I get the width inside the tag using jQuery

Question

I have the following img tag:

   <img id="product-image" src="http://cf.test.com/images/store_logos/thumbnail/43f1ee4d5fe422e9440ab4afe065bbff899b24b0.jpg" width="228" height="304" style="opacity: 1;">

Trying to extract out the 304 height value:

$('#product-image').height();

However it always gives me the actual size of the image. Any ideas?

http://stackoverflow.com/questions/4773322/get-image-width-height please check this this will help you — Jalpesh Patel, Jun 18 '13 at 05:19

score 2 · Accepted Answer · answered Jun 18 '13 at 05:26

2

Try this

$(document).ready(function(){
    alert("Width :"+$('#product-image').width());
});

answered Jun 18 '13 at 05:26

Nitesh Singh Rajput

607
1
7
24

score 1 · Answer 2 · answered Jun 18 '13 at 05:18

1

Use this

$('#product-image').attr("height");

answered Jun 18 '13 at 05:18

TGH

38,769
12
102
135

score 0 · Answer 3 · answered Jun 18 '13 at 05:19

0

$('#product-image').prop("height");

answered Jun 18 '13 at 05:19

Pankucins

1,690
1
16
25

score 0 · Answer 4 · edited Jun 18 '13 at 05:41

0

Try to get the height after the image rendered:

$(document).ready(function() {
    $('#product-image').load(function() {
        alert($(this).height());
        alert($(this).width());
    });
});

edited Jun 18 '13 at 05:41

blake305

2,196
3
23
52

answered Jun 18 '13 at 05:21

Suresh Atta

120,458
37
198
307

score 0 · Answer 5 · answered Jun 18 '13 at 05:35

0

If your using JQuery before 1.6 means

$('#product-image').attr("height")

other wise

$('#product-image').prop("height")

Will give you answer

answered Jun 18 '13 at 05:35

Thirumalai murugan

5,698
8
32
54

score -3 · Answer 6 · answered Jun 18 '13 at 05:19

-3

put the image in the div and take the size of div

answered Jun 18 '13 at 05:19

Snehal Chavan

1

how do I get the width inside the tag using jQuery

6 Answers6