He programado una clase de AS3 que nos crea un slideshow flash. El pase de fotografías se presenta con un efecto de zoom y movimiento como el que podeis ver a continuación:

Al constructor de la clase se le pueden pasar una serie de parámetros que quedan detallados a continuación:

* * Parámetros del constructor(obligatorios):
* parametro 1: Ancho del banner para centrar el Movieclip de la Precarga y posicionar inicialmente las imágenes.
* parámetro 2: Alto del banner para centrar el Movieclip de la Precarga y posicionar inicialmente las imágenes.
*
* * Parámetros del constructor(opcionales):
* parámetro 3: Visualizar el MovieClip con la animación de la Precarga (Boolean).En false
* parámetro 4: Dirección url del archivo .xml.(imagenes.xml)
* parámetro 5: Número de fotos que se cargan antes de comenzar con el slideshow. Útil para no tener que esperar a que se carguen todas antes de inicializar la visualización.(2)
* parámetro 6: Tiempo que transcurre entre foto y foto;
* parámetro 7: Suavidad del efecto de movimiento de la foto;
* parámetro 8: Duración del efecto de transición de alpha;

Para utilizar la clase solo es necesario importar la clase y crear una instancia pasándole los parámetros obligatorios de ancho y alto ylos opcionales que se desee.

import com.malashpina.slideshow.SlideShow
var slide:SlideShow = new SlideShow(1000,420,false,”http://www.malashblog.com/wp-content/varios/slideshow/imagenes.xml”);
addChild (slide);

Las fotos las lee de un archivo xml que contiene las rutas y para los efectos utilizo la galería TweenMax de greensock.

El banner visualiza las fotos en loop, empezando por la primera foto cuando termina.

A tener en cuenta:
Las fotos tienen que ser un poco más grandes que el banner o en su defecto el banner un poco más pequeño que las fotos.
Así evitamos que en el desplazamiento con zoom las fotos se salgan del encuadre.

* Activación de la precarga:
Si queremos activar una animación para la precarga tan solo es necesario exportar el movieclip de dicha precarga con el siguiente nombre de clase:
com.malashpina.slideshow.Preloader
(la clase Preloader.as ya está creada y se encuentra en el mismo paquete que la clase SlideShow.as)
y posteriormente añadir el alto y el ancho del banner en los parámetros del constructor para que la precarga se centre e indicar “true” en el tercer parámetro.

Aquí os dejo el link para descargar la clase:
slideshow.as
Espero que os guste.
Un Saludo.

______________________________________________
Malashpina Fresh Design
Diseño Web Marbella
Diseño Web Malaga