Getting element's width in Chrome using jQuery

Question

Suppose I have this image:

<img src="images/01.jpg" border="0" rel="shadow" />

Then with jQuery, I get its width using:

$('[rel="shadow"]').width();

Firefox and IE report correct dimensions of the image eg 140px while Chrome reports 0. How to solve this problem?

Note

I don't want to set explicit width for images eg:

<img src="images/01.jpg" border="0" rel="shadow" width="140" />

So, how to get width in cross-browser way which is not defined in width attribute of elements?

What version of Chrome? Is the script inside a load event handler or $(document).ready? — Crescent Fresh
– Crescent Fresh, Commented Mar 13, 2010 at 19:31
@Crescent Fresh: Chrome version is: 4.0.295.0 and the script is inside ready. — Sarfraz
– Sarfraz, Commented Mar 13, 2010 at 19:32
@Anthony Forloney: any possible solution to this? Is this a bug in those browsers? — Sarfraz
– Sarfraz, Commented Mar 13, 2010 at 19:34
@loviji: exactly, that's why I asked. The answer is trivial if we know which of load or ready is being used. — Crescent Fresh
– Crescent Fresh, Commented Mar 13, 2010 at 19:39

Andreas Bonini · Accepted Answer · 2010-03-13 20:12:35Z

8

$(window).load(
    function() {
        alert($('img').width());
    }
);

This will work: Test case. Basically it will wait until images load before executing the code (when the ready function fires the document has been fully loaded but images haven't).

edited Mar 13, 2010 at 20:12

answered Mar 13, 2010 at 19:34

Andreas Bonini

45k31 gold badges126 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Sarfraz Over a year ago

@Andreas Bonini: Perfect, load never popped up in my mind, Thanks :)

Andreas Bonini Over a year ago

@Gagan: you're welcome, I'm happy some of my answers from years ago are still useful today :)

Collectives™ on Stack Overflow

Getting element's width in Chrome using jQuery

Note

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

Note

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related