Flash SlideShow (English Version)

Postado por Daniel Lopes em 23/04/2008

English Version (Google Translate)

We can find a hundred of free javascript widgets maded with Scriptaculous, Prototype, MooTools, JQuery and many others. But in Flash we don’t had all this code share. It’s very often we find websites selling components maded in Flash( with almost all closed source ) instead blogs or sites that share solutions with other developers.

Of course that is not a rule, we had many good sites sharing code and solutions or teaching Flash, and thinking on this way we will try share, when we can, solutions four our AS3 projects.

We will start sharing the SlideShow component that we made for last two project we working now.

See here a sample: Sample

It’s a simple gallery that uses effects and transitions from TransitionManger Adobe’s class. All images are loaded from XML file.

Below a code usage sample:

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);

Explanation: Line 1 : Create our SlideShow and passing to construct a xml path. We can pass, as option parameter, the time to change image (default is 7 seconds). Line 2 : Property to make visible, or not, pause, next and previous buttons Liine 3 : Show preloader bar. Line 4 : Preloader color. Line 5 : Use random transitions. Line 6 : Possible effects Line 7 : Create SlideShow Line 8 : Add slideShow on movieclip or sprite.

XML content: 
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>

It’s possible create custom effects, just adding the new effect in PictureLoader.as class. Important remember this component was developed in short time and probably some code can be refactored and changed. Fell free to do that and we wil be happy with contribuitions on functionality or effects :D.

Below a Zip file with two classes(PictureLoader.as e SlideShow.as) and usage sample: Download

1 Comentário to “Flash SlideShow (English Version)”

thomas sabo diz:
19/07/2010 em 01:50 AM

authentic pandora beads pandora chains tiffany atlas ed hardy perfume buy cheap ed hardy bags links of london jewelery links of london jewelery buy pandora gucci taschen ed hardy schuhe cheap pandora charms

Comentário

CATEGORIAS

Home
Design
SEO
Empreendimento
Cifras
Ruby e Rails
Flex
Photoshop
Flash
XHTML/CSS
JavaScript
Variados
Database
Firefox
Projetos
3D
Projetos
TextMate
Smalltalk
Mac
Livros

ARQUIVO

07/2010 (2)
06/2010 (4)
05/2010 (4)
04/2010 (4)
03/2010 (5)
02/2010 (7)
01/2009 (4)
12/2009 (7)
11/2009 (4)
10/2009 (10)
09/2009 (7)
08/2009 (6)
07/2009 (12)
06/2009 (5)
05/2009 (6)
04/2009 (9)
03/2009 (14)
02/2009 (18)
01/2009 (14)
12/2008 (20)
11/2008 (18)
10/2008 (9)
09/2008 (12)
08/2008 (6)
07/2008 (12)
06/2008 (10)
05/2008 (15)
04/2008 (19)

ÚLTIMOS COMENTÁRIOS

PomoDo e Pomodoro Technique
comentado por Luis

Flash SlideShow
comentado por Gilmar

50% do software é design
comentado por Daniel Lopes

Vetores Grátis - VectorLab Pack
comentado por louis vuitton

Texturas legais
comentado por thomas sabo kommt