Comunidad de diseño web y desarrollo en internet online

¿Para que una imagen no pierda la proporcion?

Citar            
MensajeEscrito el 26 Ene 2009 04:15 pm
Hola gente, insisto de nuevo porque hay algo que no me entra en la cabeza.

Tengo que crear algo muuuy parecido a esta WEB :

[url=http://www.brook-pifer.com/]

El tema es el siguiente, si se fijan bien ese sitio ( el MC que contiene la foto ) varia segun el resize del explorador.

Si achico el Height la imagen no cambia de tamaño pero va "comiendo" foto de abajo y de arriba.
Si achico el Width la imagen se ve achicando proporcionalmente.
Y siempre se ve el centro de la imagen en el centro del explorador

Creo yo que el truco esta en que al principio la pagina obliga al usuario a verla en el 100% del explorador entonces a partir de ahi, tenemos los valores mayores con los que trabajaremos, pero no puedo sacar la funcion para obtener ese resultado...

Si me pueden ayudar se los agradeceria.

Por PolStax

19 de clabLevel



 

firefox
Citar            
MensajeEscrito el 26 Ene 2009 07:04 pm
Pues primero tienes que hacer que el swf se ajuste al explorador, luego, con el objeto Stage, agregas en un listener el evento onResize, cada que el explorador se haga grande y el swf se ajuste, se ejecuta onResize, en ese evento tu tendiras que programar el tamaño de tu imagen relativamente a Stage.width y Stage.height.

Suponiendo que tu imagen tiene el punto de registro en el centro

Código ActionScript :

Stage.addListener(this);
function onResize( Void ):Void
{
      imagen_mc._x = Stage.width / 2;
      imagen_mc._y = Stage.height / 2;      
      var aux:Number = Math.min(Stage.width, Stage.height);
      imagen_mc._height = imagen_mc._width = Math.min(aux, 300);
}


Suerte.

Por LongeVie

Claber

1741 de clabLevel

1 tutorial

Genero:Masculino  

En un lugar, re moto.

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.