Create a Simple Photo Viewer in Flash CS5 - dummies

By Jennifer Smith, Christopher Smith, Fred Gerantabee

After you’ve created buttons in Adobe Flash Creative Suite 5 and gotten a taste of adding ActionScript to the FlashCS5 timeline, you put it all together by “wiring up” a photo viewer on the main timeline with ActionScript.

The Code Snippets panel does most of the heavy lifting here, but your understanding of the Actions panel and modifying statements will prove quite handy.

For this photo viewer example, create a new Flash file by following these steps:

  1. Import five unique photos or graphics to your Library.

  2. Create a button symbol that can represent both Forward and Backward buttons.

    For instance, create a right-pointing arrow that can be flipped over.

  3. On the main timeline, create a new layer and add four keyframes back to back (totaling five); on each of those keyframes, place a unique image or graphic from your Library so that you have five images on consecutive keyframes.

  4. Create a new layer and add two button instances to it.

    One button should represent a Previous button on the left side of the stage; the other one, a Next button on the right side of the stage.

  5. Create a new layer and use the Text tool to create a piece of type that reads “Made with Adobe Flash CS5” on the stage. Place it in the lower-right corner of the stage.

    Your photo viewer should look similar to the one in the figure.