We help IT Professionals succeed at work.

Check out our new AWS podcast with Certified Expert, Phil Phillips! Listen to "How to Execute a Seamless AWS Migration" on EE or on your favorite podcast platform. Listen Now

x

integrating flash based navigation bar on dreamweaver

Medium Priority
517 Views
Last Modified: 2013-11-11
Hi all,

Newbie flash user here :)

I am creating a website and have decided to create my navigation bar using adobe flash cs4. In doing so, i opted to use movie clips so i can animate the buttons during mouse events, and not the typical on-off states when using the button symbol (much like when using fireworks).

To animate the buttons on mouse rollover and rollout, I used the AS 2.0 code as follows.

First off, how will I be able to integrate my flash navigation bar onto dreamweaver cs4 so it will link to the appropriate pages on my site? And as a side question, is there a way for me to achieve smooth animation (like tweens on movie clips) while using the button symbol?

Thanks!

Note: i have attached the flash movie if you would want to see the effect i am after. and since ee does not have the ability to upload .fla files, i changed the extension to .png. Just revert the extension to .fla or .swf to view the movie
b1.onRollOver = over;
b1.onRollOut = out;
b1.btntext.text = "Homepage";
 
b2.onRollOver = over;
b2.onRollOut = out;
b2.btntext.text = "Services";
 
b3.onRollOver = over;
b3.onRollOut = out;
b3.btntext.text = "Company";
 
b4.onRollOver = over;
b4.onRollOut = out;
b4.btntext.text = "Contact Us";
 
b5.onRollOver = over;
b5.onRollOut = out;
b5.btntext.text = "News";
 
function over(){
	this.gotoAndPlay(2);
}
function out(){
	this.gotoAndPlay(11);
}

Open in new window

navbar.png
Comment
Watch Question

Jason ThompsonSenior UX Designer

Commented:
I'd probably do something like this:

b1.onRelease = function() {
        getURL("/");
}
 b2.onRelease = function() {
        getURL("/services/");
}

...etc, etc.

This should work on buttons and movie clips (but not graphics).  Let me know if that doesn't work, or if you had something else in mind.



Commented:
have you thought about using a ajax/spry menu as its and it can be done by using the javascript css

Author

Commented:
Thanks for the replies!

IanTh, thanks for the input but I have not used ajax/spry nor javascript before.. its only been a few weeks since i first opened dreamweaver and flash :) if you could help me do achieve my nav bar goal easier with those you mentioned, it would really be appreciated :)

Graphixer, I was able to use the code you provided, thank you very much. But I can't seem to find a way to integrate my flash file onto my dreamweaver file (unlike with a fireworks file, i can use the Insert >> Image objects >> fireworks html).

Any ideas? Thanks! :)
Commented:
Unlock this solution and get a sample of our free trial.
(No credit card required)
UNLOCK SOLUTION
Senior UX Designer
Commented:
Unlock this solution and get a sample of our free trial.
(No credit card required)
UNLOCK SOLUTION

Author

Commented:
Hi guys, thanks for all the help!

IanTh, thanks for the input, but i was not able to get the effects i got while using flash. i will try to study sprys/ajax on a later date, just have to finish my current project.

And to Graphixer, thanks a lot for your input! i was able to do what i wanted to with your help \m/ :D
Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a sample view!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.