Our Flash tutorials provide you with step-by-step instructions on how to create beautiful Flash animations and integrate them into your website.  Home Flash & Swish Flash Tutorials Navigation Tips
Your Ad Here

Navigation Tips


Navigation TipsWell, you probably want to create some cool unique navigation menu for your site. Most nice flash sites have them so why not yours. This tutorial will give you some tips that I learned while creating my flash sites.

First of all on most sites you will probably have a few seconds of animation from one section to the other, any sort of animation. Now, here's a scenario: The user clicks on a button that sends him to section x from section y. During the cool animation you worked so hard on that user decides to go to section z. What happens to the animation sequence? It gets cut off and jumps to the animation sequence intended for section z. But there is a problem you where in the middle of a transition this might ruin the whole effect. I simple way to avoid this entire mess is just to use two variables in your flash site.

The first CurrentSection this variable will hold the name of the section you are in so if your in section x the value would be x but if your in section z then the value would be z. This helps program the buttons to play the sequence you would like.

The next variable you will need is the Process variable. This one will hold a value of True or False. So if you have a animation sequence that you don't want interrupted just add a keyframe at the beginning of the sequence (I recommend in new layer) set Process to be true and add another keyframe at the end of the sequence and set Process to False. And just add an if statement to the beginning of your button action. Something like if Process eq False..., I used If Process <> "True". That's it you can download the .fla file for an example of those two variables being used.

Example .Fla File Navfla.zip

Summation:

Step 1 - Set CurrentSection with the name of the section at the first keyframe of section (before the animation sequence).

Step 2 - Set Process to True on the button that leads to an animation.

That's All.



Author's URL: Idan Arbel
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Internet & computing Flash is a vector-based moving graphics format created by Macromedia for the publication of animations on the World Wide Web. More Flash & Swish: Most Popular Materials | Fresh Materials | More Flash Tutorials at FlashPerfection.com

Add comments to "Navigation Tips"

Only registered users can write comment

Reader's comments
comments tom taylor November 17, 2005 says:
Navigation Tips
I have been trawling through the internet looking for exactly this tutorial.

The only thing is, now i've found it, im utterly disapointed. Labelled 'beginner', and me being one, i thought it would be well suited to my skill level (ie. minimal)

But im afraid to say, with only the source to go by, this tutorial has been rendered useless to me, and the source file i couldn't quite understand how to implement it into my site. Maybe somthing more simple could have been done.

eg: 3 links on left hand side, opens a page up, from a ball into a square with the text in it.

3pages, "good morning", "good day" and "good afternoon" or such.

Then the code showing how no matter which link you clicked on, the previous one performed its 'close' animation (where it reshrinks to a ball) before opening the right page (relevant to the link) which then performs its 'opening up' action.

I hope this has been clear.


Tom Taylor