Captar dimensión de una foto en la web

[cslbcn]

Buenas!

Necesito saber como se puede guardar en 2 variables (x, y) el tamaño de una foto colgada en internet.

Por ejemplo, quiero saber el ancho y el alto de esta imagen:



He probado con varios códigos, el que más buena pinta tiene es este: (no funciona)

Código Javascript:

var mi_imagen = new Image();
mi_imagen.src = 'http://canarias24horas.com/images/stories/2008/02febrero/02/hombre_luna_.jpg'; 
var x = mi_imagen.width;
var y = mi_imagen.height;
 

Alguien sabe como conseguirlo?
Gracias

[zerokilled]

sucede que al menos debe cargarse el header de la imagen, me refiero al header como archivo que contiene informacion acerca del archivo, en este caso de la imagen. el codigo se ejecuta una linea tras la otra sin esperar que al menos la imagen cargue y por eso las variables no te funcionan. intenta realizar la operacion necesaria usando el evento onload de la imagen.

Código:

var img = new Image();
img.src = 'ruta/archivo.extension';
img.onload = function(){
// aqui realiza el resto de la operacion con las propiedades this.width y this.height;
}

[cslbcn]

Perfecto. Este problema me sucede bastante y no sabía como solucionarlo. El uso del setTimeout a veces me funciona, pero en casos como el que comentaba no.

Gracias por tu ayuda.

[caricatos]

Hola:

Bueno, setTimeout puede servir si se condiciona a la consulta del atributo complete de las imágenes: Pop-up del tamaño de la imagen automaticamente

Saludos