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).