Full screen en navegador

kalvinman · #1 (**permalink**) 27/05/2009, 08:10

Hola amigos de FdW:

Tengo la siguiente duda, como hago para enviar una animacion flash a full screen en una pagina web, para que entiendan lo que digo es como esto:

http://www.templatemonster.com/flash-intro/23434.html

Tiene un boton para ir a fullscreen

niles · #2 (**permalink**) 28/05/2009, 17:12

Hola Kalvinman.
Si quieres que tu animación se abra en ventana completa desde flash, tienes que insertar el comando:

fscommand("fullscreen","True")

en tu primer frame. Esto hará que la ventana se abra completamente.

Ahora, si lo que quieres es que tu animación abarque toda la pantalla, eso tienes que hacerlo en el diseño, en Modificar/Documento, le asignas el valor de tu pantalla en pixels (puede ser 1024 x 768, por ejemplo.
También existe el modo de hacerlo insertando tu animación pequeña en el HTML de tu página, que lo pones con fondo semejante al de tu animación y lo pones centrado.

Espero que te haya servido.

emofilicox · #3 (**permalink**) 16/07/2009, 17:54

Bueno... trato de difundir la repsuesta ya que yo batalle semanas para encontrar respuesta a esta misma pregunta

1.- Create en el software de diseño que quieras un fondo de grandes proporciones (mas de 1500px de ancho o alto) a una resolucion de 100ppp

2.- Guardalo en formato BMP

3.- Entra flash en ActionScript2 y sale medida tu pelicula, la medida es de acuerdo al contenido que vayas a poner, no tiene que ser el tamaño del bmpo por ejemeplo 900px por 5550px

4.- Importa el BMP que creaste

5.- Conviertelo en MovieClip o Clip de Pelicula

6.- En nombre de instancia llamalo "fondo" (sin las comillas)

7.- Crea en flash otra capa y en el fotograma inserta el siguiente codigo:

Código HTML:

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();

*** NOTA
En la parte de:

Código:

var StageWidth:Number = 550;
var StageHeight:Number = 400;

Sustituye los valores numericos por las medidas reales de tu pelicula flash

8.- Ahora ahi mismo en flash digiete a "Archivo/Configuracion de publicacion"

9.- En la venatana que se abre, haz click sobre la pestaña "HTML" localiza la opcion que diga "Dimensiones" y elijes la opcion "porcentaje"

10.- Ahi mismo, en las casillas que aperecen para alto y ancho pones los valores "100" y "100" (cien por ciento en cada una)

11.- Das click en acptar o guardar

12.- Haces click en tu teclado "F12" para publicar

13.- En el HTML publicado, lo abres con dreamweaver o con el editor de HTML que manejes

14.- Te vas al area de codigo, e insertas el siguiente script CSS entre las etiquetas

Código HTML:

<head>

y

Código HTML:

</head>

:

Código HTML:

<style type="text/css">
<!--
body {
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}
-->
</style>

listo ya tienes tu fullscreen adaptado al nagador y se autoajusta a la resolucion de cualquier pantalla.

Si maneja speliucas con Onload, solo aplica todo esto a la pelicula "base" (la que manda llamar a las demas peliculas)

Saludos

simon_el_aprendiz · #4 (**permalink**) 31/07/2010, 10:03

buenas emofilicox necesito un gran favor he realizado mi pagina web con este tutorial que has compartido pero al momento de publicar la web en navegadores como explorer y firefox la parte superior se corta por la barra de direcciones. gustaría mucho me pudieras ayudar con el ese punto gracias