redimensionar imagen

[boli-sp]

Hola!
No tengo mucha idea de javascript y quería pedir si me pueden hechar una mano con una cosa que quiero hacer.
Lo que quiero es redimensionar una imagen (id=transparente) que está en un servidor externo a un ancho fijo de 576píxeles y altura variable, que lo calculamos.

Código Javascript:

<script language="Javascript">
img = new Image();
img.src = '<? echo $foto; ?>';
var n_altura=img.height*576/img.width;
document.write(n_altura);
</script>
 

Código Javascript:

<script language="Javascript">
function Redimensionar()
{
    document.images.transparente.height=n_altura;
    transparente=document.getElementById("transparente");
    transparente.height=n_altura;
}
window.onload=Redimensionar();
</script>
 

El problema es que solo me la redimensiona si tengo cargada la imagen en caché, es decir, si vuelvo a actualizar la página si que me lo hace pero si tengo que esperar a que carge (en este caso n_altura devuelve NaN), no lo hace. ¿qué solución hay para esto?

Gracias y disculpen mi ignorancia.

[Jask]

Esto con el móvil y no puedo editar el código pero lo ideal sería pasar la URL de la imagen a la función en javascript y que cuando la tenga ya pasarle el width y el height y listo, un return para luego imprimirla donde más te guste.

Saludoz

[boli-sp]

He probado a hacer este código sencillo

Código Javascript:

<script language="Javascript">
img = new Image();
img.src = 'http://upload.wikimedia.org/wikipedia/commons/thumb/9/96/Ushuaia_paisaje.jpg/250px-Ushuaia_paisaje.jpg'; //foto a modo de ejemplo
document.write(img.height);
</script>
 

En la parte HTML no especifico el alto porque dependiendo de la imagen que solicitemos va a tener una altura distinta

Código HTML:

<img src="la misma url que arriba" width=576" />
 

Cuando la imagen se carga por primera vez img.height y img.width devuelven 0. Utilizo habitualmente firefox para comprobar los resultados y ocurre que solo devuelve el valor que es cuando vuelvo a cargar la página (la imagen está en caché). He probado ahora en Chrome y, en éste, siempre devuelven 0.

¿Por qué ocurre esto?

Saludos

[boli-sp]

Solución:

Código HTML:

<img src="la misma url que arriba" width=576" onload="Redimensionar();" />