Comunidad de diseño web y desarrollo en internet online

Redimensionar imagen de fondo

Citar            
MensajeEscrito el 07 Ago 2008 06:08 pm
Hola a todos
les presento mi problema:
quiero lograr que el fondo de la web que estoy desarrollando se adapte a la ventana del explorador. Encontre muuchos post que hablan del tema y los lei de arriba a abajo pero no doy con la respuesta. Es decir comprendo como hacerlo pero no puedo aplicarlo a mi caso. Hasta el momento he logrado que lo objetos se acomoden en la pantalla , pero eso mismo supongo que es lo que me esta causando problemas para aplicar el efeco de redimension del fondo.
para que lo objetos tomen la posicion que yo quiero tuve que hacer Stage.align = "TL"; y es eso supongo lo que arruina el script que utilizo en la imagen de fondo.
ufff, como me cuesta explicarme. No mas palabrerio, voy a mostrar.

Como ideal absoluto me gustaria lograr algo asi : http://www.nalden.net/
En cambio tengo esto : http://www.crabbit.com.ar/alipadac/
jaja un poco menos cool que lo de nalden

bueno les paso los archivos y si alguien puede tirarme una minima punta de por donde debo ir lo voy a agradecer por siempreee

por un lado el fondo con el script para redimensionar la imagen:
www.crabbit.com.ar/alipadac/fondo.fla

este es el archivo general donde tengo el menu:
www.crabbit.com.ar/alipadac/main.fla

Gracias !
Saludos




:cool: :cool:

Por juanalvarez

3 de clabLevel



 

firefox
Citar            
MensajeEscrito el 07 Ago 2008 07:39 pm
Parece que tu fondo tiene su punto de transformación en el centro, si lo tuviera en la esquina superior izquierda, se alinearía siempre a la izquierda y a la parte de arriba por tener la propiedad Stage.align en TL.

Imagina que la imagen de fondo se llama "backGround", debes hacer algo como esto:

Código :

//---Función de cambiar de tamaño todos los elementos
function resizeElements():Void{

    var realWidth:Number = el ancho real de tu pelicula;
    var realHeight:Number = el alto real de tu película;

    var ancho:Number = Stage.width;
    var alto:Number =  Stage.height;

   //---Cambiar el tamaño del background
   
    _root.backGround._width = ancho;
    _root.backGround._height = alto;

    //---Suponiendo que background tiene el centro en la esquina superior izquierda y no tienes activado el stage Align, debes poner algo como esto:
    _root.backGround = (realWidth - ancho)/2;
    _root.backGround = (realHeight - alto)/2;

}

//---Escalar cuando se cambie de tamaño el flash
Stage.scaleMode = "noScale";
Stage.align = "TL";

var resizeListener:Object = new Object();

resizeListener.onResize = function():Void {
   resizeElements();
};

Stage.addListener(resizeListener);
resizeElements();

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino  

Front-end developer at Booking.com

firefox
Citar            
MensajeEscrito el 11 Ago 2008 01:00 pm
Gracias, eso no me funciono, con ese codigo no se me redimensiona la imagen de fondo, no se que puede estar mal ... pero voy a seguir intentando... si alguien tira alguna idea mas agradecereee

je saludoss
graciasss

Por juanalvarez

3 de clabLevel



 

firefox
Citar            
MensajeEscrito el 11 Ago 2008 07:34 pm
Si copias y pegas el código no te va a salir lee todos los comentarios que te puse, es un código genérico:

Código :

var realWidth:Number = el ancho real de tu pelicula;
var realHeight:Number = el alto real de tu película;

_root.backGround = (realWidth - ancho)/2;
_root.backGround = (realHeight - alto)/2;


Si lo vas a implementar a tu flash las dos primeras lineas son el ancho y el alto real de tu película y las otras líneas son las X y las Y que va a tomar el fondo, debes ponerselas y solamente lo debes utilizar si el stageAlign lo has declarado en TL como te puse más abajo, depende de lo que tengas hecho debes cambiar todos estos códigos.

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino  

Front-end developer at Booking.com

firefox
Citar            
MensajeEscrito el 11 Ago 2008 07:42 pm
graciasss!!!
si, no es que habia pegado el codigo asi , pero ya estaba saturado y habia confundido algunas cosillas.. :oops:
pero ya esta solucionado mira:
www.crabbit.com.ar/alipadac
exacto como yo queria

me sirvio leer esto tambien para darme cuenta:
http://www.cristalab.com/tutoriales/174/flash-que-se-ajusta-a-la-ventana-con-diagramacion-liquida-+--stage.html

muchas gracias por la ayuda
un saludo!

Por juanalvarez

3 de clabLevel



 

firefox

 

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