Podemos encontrar centenas de widgets grátis em JavaScript feitos utilizando Scriptaculous, Prototype, Mootools, Jquery e muitos outros, mas em Flash não temos este compartilhamento de código. É muito mais comum encontrar-mos sites que vendem componentes em Flash( que quase sempre são código fechado ) que blogs que compartilham suas soluções com outros desenvolvedores.

Claro que isto não é uma regra, temos vários sites muito bons que compartilham suas soluções e pensando desta forma vamos tentar compartilhar, sempre que possível, as soluções que criamos para nossos projetos em AS3.

Vamos começar compartilhando um slideshow que fizemos para os dois últimos projetos que estamos desenvolvendo.

Veja aqui um exemplo da galeria funcionando: Exemplo

É uma galeria simples que utiliza os efeitos e transições disponíveis na classe TransitionManager disponibilizada pela Adobe. As imagens do slideshow são carregadas dinamicamente por um XML.

Abaixo o código de como utilizar:

1
2
3
4
5
6
7
8
9
10
11

  import com.slideshow.SlideShow;

  var slideShow:SlideShow = new SlideShow(slideShowContainer,"assets/xmlfile.xml");  
  slideShow.params.displayControls = true; 
  slideShow.params.displayPreloader = true; 
  slideShow.params.preloaderBgColor = 0x00FFFF; 
  slideShow.params.randomTransition = true; 
  slideShow.params.transitions = ["Blinds","Fade","Fly","Iris","Pixel","Wipe","Zoom"];
  slideShow.createSlides();
  slideShowContainer.addChild(slideShow);

Explicando o código:
Linha 1 : Criamos o nosso SlideShow e no construtor indicamos qual será o XML com as informações das fotos, também temos um parâmetro opcional para o tempo entre a troca de imagens, o default é 7 segundas.
Linha 2 : Propriedade que indica que deverá ser mostrado os botões de pause, avançar e voltar imagens.
Linha 3 : Indica que deverá ser mostrado a barra de preloader.
Linha 4 : Cor da barra de preloader.
Linha 5 : Indica que o efeitos deverão ser aleatórios.
Linha 6 : Efeitos possíveis.
Linha 7 : Cria slideshow.
Linha 8 : Adicionar slideShow em um MovieClip ou Sprite.

1
2
3
4
5
6
7
8
9
10
11
12
13

<slideshow>
    <slide id="1">
        <url>assets/images/01.jpg</url>
    </slide>
    <slide id="2">
        <url>assets/images/02.jpg</url>
    </slide>
    .
    .
    .

</slideshow>

É possível implementar seu próprios efeitos, basta acrescentar o novo efeito na classe PictureLoader.as. Vale lembrar que o código foi desenvolvido em um prazo muito curto e provavelmente existem melhorias e refatoramentos que podem ser interessantes. Portante sinta-se livre para realizar alterações e nós também ficariamos felizes em receber contribuição :D.

Abaixo um arquivo ZIP com as duas classes necessárias para o slideshow(PictureLoader.as e SlideShow.as) e um exemplo de uso. Download