JQuery: Problème à obtenir la largeur de l'élément dans Chrome

Question

Supposons que j'ai cette image:

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

Puis, avec JQuery, je reçois sa largeur à l'aide:

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

Firefox et IE rapport dimensions correctes de la image par exemple 140px tandis que Chrome signale 0. Comment résoudre ce problème?

Note:

Je ne veux pas définir la largeur explicite pour les images par exemple:

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

Alors, comment obtenir la largeur de façon cross-browser qui n'est pas défini dans width attribut d'éléments?

Merci

Answer 1

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

Cela fonctionne: Test case. Fondamentalement, il attendra jusqu'à ce que les images se chargent avant d'exécuter le code (lorsque la fonction "Prêt" est activée, le document a été entièrement chargé mais pas les images).