Comunidad de diseño web y desarrollo en internet online

Auto ajuste de pagina web flash en explorador

Citar            
MensajeEscrito el 12 Jun 2008 03:28 am
Bueno señores, creo que este tema esta muy trillado pero no he encontrado solución por san google o por cristalab, encontre otra en un foro y mi situacion es la siguiente.

Estoy desarrollando mi pagina web en flash con win xp sp2, con monitor crt, con resolución de
1024 x 768, hasta hay normal creo yo muchachos, entonces el lienzo de flash esta de tamaño
550 x 400 y la pagina pues es un clip de pelikula que pues lo ajuste como diera para k ajustara a mi resolucion, pero !!ho sorpresa!!! abri la pagina en un monitor wide screen k la resolucion es jignte y mi pagina keda pero re chikita y en otra resolucion se desfasa =(

ese es el codigo de la pagina html donde yo llamo mi flash y k hace que en la resolucion de 1024 x 768 kede re bien pero en las otras no

Código :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tutores</title>
<script type="text/javascript" src="source/swfobject.js"></script>
<style type="text/css">
   
   /* hide from ie on mac \*/
   html {
      height: 100%;
      overflow: hidden;
   }
   
   #flashcontent {
      height: 100%;
   }
   /* end hide */

   body {
      height: 100%;
      margin: 0;
      padding: 0;
      background-color: #000000;
   }

</style>
</head>
<body>

   <div id="flashcontent">
      <strong>Nececitas actualizar tu Flash Player</strong>

      Es necesario tener el plugin de Flash 8 o superior para poder ver la pagina :) <code></code> 
      Descarga el plugin :D <a href="http://www.macromedia.com/go/getflashplayer">Descargar!</a>
   </div>
   
   <script type="text/javascript">
      // <![CDATA[
      
      var so = new SWFObject("pagina_tutores.swf", "index", "100%", "100%", "8", "#FFFFFF");
      so.addVariable("pagina_tutores", "flash ok");
      so.addParam("scale", "noscale");
      so.write("flashcontent");
      
      // ]]>
   </script>
   
</body>
</html>


la verdad me parece muy util, pero en medio de mis investigaciones encontre otor truko para poner en el primer fotograma, en la resolucion de 1024 x 768, igual perfecto, pero en el wide screen se alinea toda la animacion hacia la izkierda, dejando como 10cm de marjen en blanco al lado derecho de la pantalla. este es el action script

Código :

var miListener:Object = new Object();
 miListener.onResize = reSize;
 function reSize(Void){
    new mx.transitions.Tween(arriba, "_x", mx.transitions.easing.Back.easeInOut, arriba._x, (Stage.width-arriba._width)/2, 20, false);
    new mx.transitions.Tween(arriba, "_y", mx.transitions.easing.Back.easeInOut, arriba._y, 0, 20, false);
    new mx.transitions.Tween(abajo, "_x", mx.transitions.easing.Back.easeInOut, abajo._x, (Stage.width-arriba._width)/2, 20, false);
    new mx.transitions.Tween(abajo, "_y", mx.transitions.easing.Back.easeInOut, abajo._y, Stage.height-abajo._height, 20, false);
    new mx.transitions.Tween(izquierda, "_x", mx.transitions.easing.Back.easeInOut, izquierda._x, 0, 20, false);
    new mx.transitions.Tween(izquierda, "_y", mx.transitions.easing.Back.easeInOut, izquierda._y, (Stage.height-izquierda._height)/2, 20, false);
    new mx.transitions.Tween(derecha, "_x", mx.transitions.easing.Back.easeInOut, derecha._x, Stage.width-derecha._width, 20, false);
    new mx.transitions.Tween(derecha, "_y", mx.transitions.easing.Back.easeInOut, derecha._y, (Stage.height-izquierda._height)/2, 20, false);
 }
 Stage.scaleMode = "noScale";
 Stage.align = "TL";
 Stage.addListener(miListener); 


de verdad espero que me ayuden y pues que los codigos que dejo pues aporten y ayuiden a alguien mas.

Por x4v1er

17 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 01 Oct 2008 04:58 pm
Que tal como estas, supongo que para para estas alturas ya tienes resuelto tu problema, mira encontre este tutorial que esta hecho en javascript y que modifica al body, es algo sencillo de implementar pues ya esta hecho, sin duda esto ayuda bastante, pero tengo un problema con el codigo cuando estoy con resoluciones arriba de 1024 x 768 todo camina perfecto el problema es con resoluciones inferiores como mi pagina se reduce a escala mi arial 12 no se distingue ya que el codigo solamente modifica el ancho pero no el alto, pero de igual funciona perfectamente, comparto el link.
[url=]http://fortes.com/projects/dynamiclayout/[/url]

me intereso mucho la foma en que esta diseñado el codigo que tienes, esta compelto, de otra forma lo puedes compartir.

Por markant0n

25 de clabLevel



 

Comitan de Dominguez, Chiapas

msie7

 

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