For my website going to have my main menu with 7 buttons that, when rolled over, animate out to the right.
There are various createEmptyMovieClips attached to the different buttons which, in turn, load in external .swfs.
Behind all of this is a blue and white gradient that will change to a slightly different version when a different button is selected.
But I am missing one piece to this and I do not see it. Following is the code (with comments). (The missing piece is getting the gradient to not change back to its original state if the button is selected and then rolled out from.)
//Contact info
this.createEmptyMovieClip(“contactHolder”, 50);
contactHolder._x = 210;
contactHolder._y = 385.8;
//if the button is rolled over but not selected (clicked on)
btnContact_mc.onRollOver = function() {
//animates the button outward
btnContact_mc.gotoAndPlay("_over");
//changes the background gradient of the overall page
gradient_mc.gotoAndStop(“contact”);
//if the button is rolled over and selected (clicked on)
if (btnContact_mc.onRelease=function () {
//loads the mini .swf into the createEmptyMovieClip displaying info
contactHolder.loadMovie(“contact.swf”);
//keeps the overall background gradient to the changed version
gradient_mc.gotoAndStop(“contact”);
}) {
//if the button is rolled over but not clicked on and then rolled out we go back to button state and gradient state as they originally were
} else {
btnContact_mc.onRollOut = function() {
gradient_mc.gotoAndStop(“off”);
};
}
};
As mentioned above, the piece of this that I am missing is this:
When the button is selected and the user rolls back out from the button the change in the gradient should then not change back to its original state but remain in (in this case) its “contact” state.
If anyone sees what I am not seeing to add here, I thank you.
