Fondo bitmap que se ajusta al tamaño del navegador en Flash
Cómo colocar una imagen de fondo de nuestra película que se adapte al tamaño de la ventana del navegador, escalandose pero sin distorsionarse.
El sistema es sencillo:
* Tenemos una película flash al 100% dentro del html
* La película tendrá la opción de “noscale” para que no se redimensione el contenido (sólo queremos que se redimensione el fondo)
* Tenemos un bitmap dentro de un clip al que escalamos según el tamaño de la ventana
* Cada vez que redimensionamos la ventana del navegador redimensionaremos también el clip de fondo
- Stage.scaleMode = "noscale";
- //-----------------------
- var StageWidth:Number = 550;
- var StageHeight:Number = 400;
- function escalaFondo()
- {
- if (Stage.width > Stage.height) {
- fondo._width = Stage.width;
- fondo._yscale = fondo._xscale;
- } else {
- fondo._height = Stage.height;
- fondo._xscale = fondo._yscale;
- }
- fondo._x = (StageWidth - fondo._width) / 2;
- fondo._y = (StageHeight - fondo._height) / 2;
- }
- //-----------------------
- Stage.addListener(this);
- this.onResize = escalaFondo;
- escalaFondo();
- //-----------------------
- stop();
Pueden ver el ejemplo y una breve explicación en el post que hize en cristalab.
Compártelo:
Post relacinonados:
oye podrias pasarme un fla con su html a mi mail es k lo he probado muchas veces yno me sale. gracias
Y si quisieramos que solo se redimensione al ancho y no el alto??