- 1). Open the Flash application, then select "ActionScript 3.0" to create a new ActionScript document.
- 2). Go to "File" then click on "Import" and then click on "Import to Library." Select the image from your computer you would like to add to the photo gallery then click "Import." Repeat this for however many photos you want to use in your photo gallery.
- 3). Create three new layers and name one layer "Buttons," another layer "Actions," and then name the third layer "Images." You can rename each layer by simply double-clicking on each layer in the layer palette.
- 4). Click on the "Buttons" layer then select the first frame in the timeline. Drag all of your images from your photo library to the stage. Go to "Align" then select the horizontal alignment distribution option in the middle.
- 5). Select the black arrow in the tool palette. This is called the "Selection Tool." Right-click on the first thumbnail image then choose "Convert to Symbol," or hit "F8," and then name each corresponding image "Butn 1," "Butn 2" and so forth then click "OK" to save the changes. Repeat this for every thumbnail image you want to include in your photo gallery.
- 6). Go to the "Properties Panel" then go to "Instance Name" to create an instance name for each image. Each instance name will have to match up with the button names you have created. So each instance name should be "Butn 1," "Butn 2" and so forth.
- 7). Right-click on the first frame in the "Buttons" layer then select "Copy Frames." Go to the last frame and select "Paste Frames." Or you can simply drag the first frame to the last frame to copy it.
- 8). Click on the "Images" layer to make it active. Select the first frame on the timeline, and then drag the image that corresponds to the first thumbnail in your photo library. Go to the "Properties" palette on the right side of the screen and go to "Position and Size" then resize the image to "358x268." Position the image at "93x18." Press F6 then add the exact amount of blank key frames to correspond with the number of pictures you want to use in your photo gallery.
- 9). Go back to the timeline, select the first frame and then go to the "Properties Panel."
- 10
Click on the "Actions" layer to make it active. Drag the first frame up to the last cell. - 11
Click on the first frame in the "Actions" layer then hit F9 to open the Actions window. Copy and paste the following code into your Actions window:
stop();
btn1.addEventListener(MouseEvent.CLICK,play1);
function play1(event:MouseEvent):void{
gotoAndStop ("young")
}
btn2.addEventListener(MouseEvent.CLICK,play2);
function play2(event:MouseEvent):void{
gotoAndStop ("thoughtful")
}
btn3.addEventListener(MouseEvent.CLICK,play3);
function play3(event:MouseEvent):void{
gotoAndStop ("dancing")
}
btn4.addEventListener(MouseEvent.CLICK,play4);
function play4(event:MouseEvent):void{
gotoAndStop ("old")
} - 12
Go to "Control" then click on "Test Movie" to test your photo gallery or you can press "Ctrl + Enter."
previous post