/ / Obtener el ancho del elemento en Chrome usando jQuery - javascript, jquery, html, css

Obteniendo el ancho de los elementos en Chrome usando jQuery - javascript, jquery, html, css

Supongamos que tengo esta imagen:

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

Luego, con jQuery, obtengo su ancho usando:

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

Firefox e IE informan de las dimensiones correctas de la imagen, por ejemplo, 140 píxeles, mientras que Chrome informa 0. ¿Cómo solucionar este problema?

Nota

No quiero establecer un ancho explícito para las imágenes, por ejemplo:

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

Entonces, ¿cómo obtener el ancho en forma cruzada de navegador que no está definido en width atributo de los elementos?

Respuestas

8 para la respuesta № 1
$(window).load(
function() {
alert($("img").width());
}
);

Esto funcionará: Caso de prueba. Básicamente, esperará hasta que se carguen las imágenes antes de ejecutar el código (cuando se activa la función lista, el documento se ha cargado por completo, pero las imágenes no).