This tutorial explaining how to make a slide show viewer using the action script and pictures in flash.You will also learn how to Import any picture into a Flash Library, how to aligned a picture using the Align Panel, how to use flash made buttons and more. 



Step 1

First, download my pictures.

Step 2

Create a new flash document, choose Modify > Document (Ctrl+J), and set Width to 300 and Height to 225px and press ok.

Step 3

After that choose File > Import > Import to Library, and import all my pictures. If you now open the Library (Ctrl+L) you'll see this:



Step 4

Double click on Layer1 to rename its name into a pictures.

Step 5

Click on the second, third and fourth frame and press F6 (Keyframe). Look at the picture below!



Step 6

Go back on the first frame, and from Library (Ctrl+L) using drag and drop technique move the first picture on the stage.

Step 7

While your picture is still selected, open the Align Panel (Ctrl+K), and click on Align to stage icon, and after that on Align horizontal center and Distribute top edge icons. Look at the picture below!



Step 8

Click after that on the second frame, and from the Library (Ctrl+L) using drag and drop technique move a second picture on the stage and repeat step 7. Do that for thrid and fourth frames in an equivalent way like we have done for first two frames.

#ads#

Step 9

Insert a new layer and name it buttons.



Step 10

Create two buttons which you like that we'll using for pictures listing. If you don't know to create a buttons, no problem!You can use Flash made buttons. So click on Window > Common Libraries > Buttons. ( I use flash8 ). Then from the Buttons Library choose any button, and using drag and drop technique movie it on the stage and set it wherever you like.



Step 11

After that click on the first button, open the Action Script Panel (F9), and paste this script:

on (release) {
if (this._currentframe == 1) {
gotoAndStop (this._totalframes);
} else {
prevFrame ();
}
}

Step 12

Select the second button, and in Action Script Panel paste this script:

on (release) {
if (this._currentframe == this._totalframes) {
gotoAndStop (1);
} else {
nextFrame ();
}

Step 13

Insert a new layer and name it action.

Step 14

Click on the first frame of layer action, open the Action Script Panel (F9) and paste this script:

stop();

We're done!

Bye!

Download source file (.fla)