Advanced Search

Controlar a que tamaño aparece el Scroll con Flash

/ Published in: ActionScript
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  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.

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

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.