Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/10/2011, 19:11
boli-sp
Invitado
 
Mensajes: n/a
Puntos:
redimensionar imagen

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:
Ver original
  1. <script language="Javascript">
  2. img = new Image();
  3. img.src = '<? echo $foto; ?>';
  4. var n_altura=img.height*576/img.width;
  5. document.write(n_altura);
  6. </script>

Código Javascript:
Ver original
  1. <script language="Javascript">
  2. function Redimensionar()
  3. {
  4.     document.images.transparente.height=n_altura;
  5.     transparente=document.getElementById("transparente");
  6.     transparente.height=n_altura;
  7. }
  8. window.onload=Redimensionar();
  9. </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.

Última edición por boli-sp; 27/10/2011 a las 19:29