Posted By

danideu on 10/18/06


Tagged

scroll


Versions (?)

Controlar a que tamaño aparece el Scroll con Flash


 / Published in: ActionScript
 

URL: http://www.thelirios.com/ah/flash100x100scroll/

  1. Esto es una forma de maquetación que consigue el flash con el width="100%" y el height="100%" y puedes programar a qué tamaño te sale el scroll.
  2.  
  3. El ejemplo:
  4. http://www.thelirios.com/ah/flash100x100scroll/
  5.  
  6. Lo he probado tanto en IE como en Firefox y funciona, si alguno lo prueba en más, que lo postee.
  7.  
  8. El código no es mio, es de group94, que les amo y les odio a la vez, me lo he estudiado y salvo el completamente absurdo enlace "falso" la cosa tiene mucha lógica.
  9.  
  10. El HTML:
  11. Código:
  12. <html>
  13. <head>
  14. <title>
  15. flash width=100% height=100% con scroll, el flash tiene 1000x600 || www.thelirios.com
  16. </title>
  17. <style type="text/css">
  18. body,html {
  19. font: 11px Arial, sans-serif;
  20. margin: 0px 0px 0px 0px;
  21. background: #fff;
  22. text-align: center;
  23. color: #333;
  24. }
  25. td {
  26. valign: middle;
  27. }
  28. </style>
  29. </head>
  30. <body>
  31. <table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
  32.  
  33. <tr>
  34. <td align="center">
  35. <object type="application/x-shockwave-flash" data="base.swf" width="100%" height="100%" title="flash 100% con scroll" standby="flash 100% con scroll">
  36. <param name="scale" value="noscale" />
  37. <param name="movie" value="base.swf" />
  38. <param name="quality" value="best" />
  39. <param name="menu" value="false" />
  40. </object>
  41.  
  42. </object></td>
  43. <td><img src="" width="0" height="600" alt=""/></td>
  44. </tr>
  45. <tr>
  46. <td><img src="" width="1000" height="0" alt=""/></td><td></td>
  47. </tr>
  48. </table>
  49. <a href="#"></a>
  50. </body>
  51.  
  52. </html>
  53.  
  54.  
  55. La explicación:
  56.  
  57. Una tabla, 3 columnas y 3 filas. El flash ocupa la de arriba a la izquierda y las otras están ocupadas por <img> inexistentes, para que el explorador ajuste a la imagen el tamaño. Asi conseguimos que el scroll salga cuando se supone que el espacio lo ocupa la imagen.
  58.  
  59. El último paso, el enlace "falso" es para corregir en IE6 la fila de abajo, que dejaba un alto de unos 30px.
  60.  
  61. Es brillante, no imagino la de pruebas que han tenido que hacer para que llegue yo con "view source" y me lo quede, pero se pueden hacer mil cosas que antes no se podian.

Report this snippet  

You need to login to post a comment.