Ottenere la larghezza dell'elemento in Chrome usando jQuery - javascript, jquery, html, css

Supponiamo di avere questa immagine:

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

Quindi con jQuery, ottengo la sua larghezza usando:

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

Firefox e IE riportano le dimensioni corrette dell'immagine ad esempio 140px mentre Chrome riporta 0. Come risolvere questo problema?

Nota

Non voglio impostare la larghezza esplicita per le immagini, ad esempio:

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

Quindi, come ottenere la larghezza in modalità cross-browser che non è definita in width attributo degli elementi?

risposte:

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

Questo funzionerà: Test case. Fondamentalmente aspetterà il caricamento delle immagini prima di eseguire il codice (quando la funzione ready viene attivata, il documento è stato completamente caricato ma le immagini no).