AS3 Simple Picture Slideshow

( February 3rd, 2009 )

I was thinking about the simplicity of swapDepths() in ActionScript 2.0 and thought that you might be curious as to how one swaps the depths of objects on the stage in ActionScript 3.0.

I have created a practical example which swaps the depths of images on the stage at regular intervals to create a slideshow. I have used the Tween class for the transition effect. My example makes use of:

  1. setInterval() – Swap pictures at a specified time interval.
  2. swapChildrenAt() – Swaps the depths of two pictures at specified index positions.
  3. getChildAt() – Returns the picture at the specified index position.
  4. Tween() – Used to tween the position of the top picture.

(This file will open in Flash CS3) (Preview File)
Get Source


Posted in ActionScript 3.0, Flash

5 Comments for “AS3 Simple Picture Slideshow”

  1. On July 31st, 2009 at 11:48 pm, matt said:

    Thank you.
    Everyone else who has tutorials are using tweenlite and stuff like that.

  2. On September 9th, 2009 at 5:35 am, miyijura said:

    Hey…there some errors popping from the example…maybe an object that is not there has been called.

  3. On September 9th, 2009 at 11:52 pm, admin said:

    Thanks. I will try and resolve this A.S.A.P.

  4. On February 16th, 2010 at 5:26 am, karla said:

    how can I make this slideshow to fade in instead?

  5. On February 16th, 2010 at 8:53 am, admin said:

    Hi Karla

    Remove or comment out: getChildAt(4).y = stage.stageHeight;

    Change the next line to: var picTween:Tween = new Tween(getChildAt(4), ‘alpha’, Strong.easeOut, 0, 1, 2, true);

    You can obviously play with the transition strength and time.

Post your comment here:

« | »