Flash Tutorial: Create an Image Gallery with Enlarging Thumbnails -HD-

In this tutorial, you will learn how to create an image gallery with enlarging thumbnails in Flash CS5.

Be sure to SUBSCRIBE because there will be a new tutorial every week.

Follow me on Twitter @RiverCityGraphx

Like us on on facebook: http://on.fb.me/i8UQpt

Suggest tutorials at http://www.rivercitygraphix.com

For project files, help forums, and more check out the website at http://www.rivercitygraphix.com

For business related inquires contact us at rivercitygraphix@yahoo.com

Category:

Education

Tags:

• Flash
• Effect
• Tutorial
• Video
• Voice
• Tut
• Web
• Create
• CS2
• CS3
• CS4
• CS5
• Elements
• Creative
• Suite
• Premium
• Actionscript
• AS3
• AS2
• Action
• Script
• AS
• HD
• Widescreen
• High
• Definition
• How
• To
• Easy
• Beginner
• Quick
• Adobe
• River
• City
• Graphix
• Graphics
• digital
• tutorials
• RCG
• Animation
• basic
• 720p
• website
• dynamic
• development
• interactive
• user
• interface
• UI
• simple
• Image
• Gallery
• Galleries
• thumb
• thumbnails
• pictures
• code
• as
• Simple
• Transitions
• Display
• Large
• nails
• enlarge
• enlarging
• big
• bigger
• fade
• toggle
• window
• separate
• loader

[gyvetteortiz]

When I test my movie, everything is fine... except the UI loader cannot find my photographs. I tried moving the images to the desktop, like you had yours, and changed the file info name in the actions script. Any suggestions?

I get this error in the output:

Error #2044: Unhandled ioError:. text=Error #2035: URL Not Found. URL: file:///Users/jonathanraedel/D­esktop/road.jpg

Thank you for your time!!

[RiverCityGraphix]

@gyvetteortiz I would go to the image on the desktop, right click and go to properties. There you can find the path. Just don't forget to put the /road.jpg at the end. That should give you what you need.

[taleflame]

Is it possible to create the gallery in a new document then add it to another website project, like a portfolio page for a example?

[RiverCityGraphix]

@taleflame Yes. Take a look at my tutorial for using Flash in Flash. If you are putting it into an html website look at my tutorial for using Flash in Dreamweaver.

[taleflame]

@RiverCityGraphix I wasn't able to find the tutorial if it's not too much trouble.. Could you perhaps tell me what it's called or maybe provide the link?

[RiverCityGraphix]

@taleflame Yep, here is the title: Flash Tutorial: Use Flash Files in Other Flash Files -HD-

[pavsingh]

will this work on flash professional cs4?

[laemi]

@RiverCityGraphix I have the same problem as the guy above, except that I do see the images, but when i send the file to someone to take a look at they just see the thumbnails and when clicking them they only see the "animation" frame instead of content. So the solution can't be the path, right?

[pvfcsmith]

@RiverCityGraphix I get errors saying

Symbol 'togglewindow', Layer 'as' Frame 12, Line 15 1078:Label must be a simple identifier

Symbol 'togglewindow', Layer 'as' Frame 12, Line 16 1084:Syntax error:expecting identifier before rightbrace

Any help please???

[circoObscuro]

Ok, so I managed to implement this into my site, however, after clicking on the gallery button on my site the gallery itself remains visible even after clicking on other buttons e.g. home, contact, ect. So my question is what is the code to make the gallery disappear when users click on home, contact, whatever? Anyone willing to help, please do!

[circoObscuro]

YO! Great stuff.

[Dani041686]

NOW THIS ERROR?

TypeError: Error #1010: A term is undefined and has no properties. at photo_fla::togglewindow_34/fra­me12()

[Dani041686]

My flash gives me an error of:

Symbol 'togglewindow', Layer 'as' Frame 12, Line 6 1084:Syntax error:expecting identifier before rightparen.

Symbol 'togglewindow', Layer 'as' Frame 12 1084:Syntax error:expecting rightbrace before end of program.

Line 6 is my closebtn action.

Any idea what it could be? Please help me!!!

[Killertuga2]

Could you show the AS2 actions please? THANKS