swffit – Adaptar flash al tamaño de la pantalla

via InfectedFX by Infected-FX on 10/17/08


swffit - Adaptar flash al tamaño de la pantalla swffit adaptará automáticamente el tamaño de su flash a la resolución de su pantalla cuando la ventana sea mayor que el má­nimo del tamaño deseado. sin duda nos evitará¡ muchos problemas a la hora de desear mostrar un sitio “full screen“.

Lo mejor es que ya viene listo para usarse con SWFObject 1.5 ó SWFObject 2.0

swffit (formerly know as FitFlash) is a smart script that resizes your flash movie automatically if your browser window size is smaller or greater than your flash minimum desired size keeping it accessible independent of screen resolution.

El método de uso es realmente sencillo, primero debemos descargarnos el archivo swffit.js y lo incuímos en nuestro archivo, ya saben entre las etiquetas head.

JAVASCRIPT:

  1. <script src=“swffit.js” type=“text/javascript”></script>
  2. <script type=“text/javascript”><!–
  3. swffit(“my_flash”, 1000, 590);
  4. // –></script>

 

Cuenta con varios argumentos que podemos configurar:

JAVASCRIPT:

  1. swffit (“flash ID”, minWidth, minHeight, maxWidth, maxHeight, centered);

 

  • flash ID – El ID del objeto.
  • minWidth – Anchura mínima deseada (px).
  • minHeight – Altura mínima deseada (px).
  • maxWidth (opcional) – Anchura máxima deseada (px) ó ‘null’.
  • maxHeight (opcional) – Altura máxima deseada (px) ó ‘null’.
  • centered (opcional) – Establece si deseas que el flash esté centrado (horizontal y vertical) después de alcanzar el tamaño máximo, el valor por defecto es TRUE. (booleanos: true ó false).

Ejemplos
  1. Basic Example Page (Dynamic Publishing)
  2. Basic Example Page – Static (Static Publishing)
  3. Basic Example Page with SWFAddress (Dynamic Publishing)
  4. Example Page With Maximum Size – Centered (Dynamic Publishing)
  5. Example Page With Maximum Size – Not Centered (Dynamic Publishing)

Un pequeño recurso que realmente será de gran utilidad. (al menos para mi lo ha sido) ;)

Demo Download

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: