Miraz Tutorials

This tutorial will teach you how to create a photo viewer application in Flash CS3 using Actionscript 3. This tutorial requires you have a intermediate knowledge of both Flash and Actionscript 3. This will involve using more Actionscript than you are normally used to but i will try as best to keep you well informed with whats going on in each step of the code.

First start off by opening a new fla file and naming it PhotoViewer.fla

Then set the canvast size to 400 by 700 and set the canvas colour to grey as shown in image

Then draw out a rectangle near the top of the canvas (this is where your thumbnail images will go) the positioning of this should be x = 9 and y = 14 and the width and height are W315 and H265. I used gradient settings to make the Recangle thumbnail box stand out

Then i added in the text in the middle

Then draw out another square for where the larger images will be displayed either from clicking on the thumnails we are going to add or starting a slide show. The width and height for this square should be W222 and H226 and the x,y psoitioning of the square is X = 130 and Y = 385.

Thats the background ready to go. Next is the easy part THE CODE !

Continue on to the next sections 1 2 3

Similar Posts:

• Photo Viewer tutorial in Flash CS3 using Actionscript 3 part 3
• Photo Viewer application tutorial in Flash CS3 using Actionscript 3 Part 2
• How to call and instantiate a library item using AS3 in Flash CS3
• Tutorial Applying filters using Actionscript 3 in Flash CS3
• Sexy black Web 2.0 header +Menu +Title tutorial