Publishing System Settings Logout Login Register
Making Flash Cooking Recipes Photo Gallery with Interactive Thumbnails
TutorialCommentsThe AuthorReport Tutorial
Tutorial Avatar
Rating
Add to Favorites
Posted on August 8th, 2012
2438 views
Adobe Flash

Step 1

Download and Run Flash Demo Builder from here

Step 2

From Startup menu, choose "Blank Project" & click on "OK" button

startup

Flash Demo Builder will show you a windows to choose the dimension. We use 530 x 480.

dimension.jpg

Step 3

The first step, we will use background with Gradient, type Horizontal and set the gradient color as shown below.

gradient.jpg

Step 4

We have prepared 5 images with size of 500 x 375 pixels for each alongwith their thumbnails with size of 95 x 71 pixels.Your cooking gallery will have 5 images. Click on "image" from Side Toolbar. Import 5 images with size of 500x375 and positionthem on the same spot, so one lay on the top of another.

tools.jpg

Rename each object according to their respective file names,particularly in the suffix number, will much help you in setting someactions to show/hide them at step 8. Moreover, you may give eachimage any transition effect to make them look more attractive.

all.jpg

Arrange the thumbnail images as shown on the above picture.

Step 5

At "Action" tab menu of thumb01 object, under "On Press" event set the "Add action" menu to the following actions show Img01and hide all images with suffix number other than 01.

action.jpg

Step 6

Repeat step 5 for the remaining thumbnail objects.

Step 7

Congratulation! Your flash cooking recipes is done. You can upload it into your own website with publish this projectinto "Flash and HTML File".

publish.jpg

 

Here is the result:

final.jpg

Dig this tutorial?
Thank the author by sending him a few P2L credits!

Send
jsebastian

Multimedia Trainer
View Full Profile Add as Friend Send PM
Pixel2Life Home Advanced Search Search Tutorial Index Publish Tutorials Community Forums Web Hosting P2L On Facebook P2L On Twitter P2L Feeds Tutorial Index Publish Tutorials Community Forums Web Hosting P2L On Facebook P2L On Twitter P2L Feeds Pixel2life Homepage Submit a Tutorial Publish a Tutorial Join our Forums P2L Marketplace Advertise on P2L P2L Website Hosting Help and FAQ Topsites Link Exchange P2L RSS Feeds P2L Sitemap Contact Us Privacy Statement Legal P2L Facebook Fanpage Follow us on Twitter P2L Studios Portal P2L Website Hosting Back to Top