Flash :: Fading Buttons

[F8] Fading Buttons
I'd like my button to fade in and fade out. In theory it should be
pretty easy - create 2 movie clips (one for fade in and one for
fade out), put the 'fade in' clip in Over state of the button and the
'fade out' in Up state of the button.

It could work but there's one small problem - since the button
starts with the 'Up' state, the animation also starts from fully
shown button, fades out and then stays invisible. Is there a way
to start with an invisible button and then have it fade in and out?

Best Regards,
prezzz

Fading Buttons
Hey how's it going? I'm a Brand Noobie to flash and this forum, I was following a tutorial for making a dropdown menu, and i wanted to try to make a button that had all down states and whatnot of a regular button except i wanted to get it to fade on release. I managed to make a button that could fade on its own but after i put the action script stop commands and tried to on release play the fade instance i got nothing. if i took off the stop commands though the button acted like a button and faded.

Does flash not allow you to trigger an instance that the trigger is part of or that's part of the trigger? because i couldn't get it to work if i made the fade movie symbol out of the button rather than button out of movie fade either.

how would you go about doing this? just scratch the button idea and make the hoverclicks out of separate movies triggered by a hit only button?

Fading Buttons
Hi,
In a movie clip, with a row of buttons, I want that, when the user hits one buttons, the other buttons get dimmed (alpha 25%).
How can I do it?
Thanks for your help
Marcelo

Fading In/Out Buttons
Hello there,

Does anybody know how to create a button in which when the user hovers over it, it fades in and when they remove the cursor from the button, the button fades back out? What I want to accomplish is something similar to the menu buttons on the following site: http://www.storyville.com/.

Regards,

Coxdabd.

Fading In Buttons
Ok I've been trying to figure out how this was done :-

the buttons at the bottom of the window

http://www.mixinmarc.com/flash.html

notice how they fade in and stay on as you highlight them...how is this done?

Ive been trying to make a movie for it and have it fade in when you hover your mouse over it...its not really workin yet :-

Might anyone know where I can find a tuturial on this?

thanks

Fading Buttons
Fading Button Bar
I want to be able to achieve this effect, now I know its probably quite easy, i'm just struggling with the code a bit.

I have five buttons

aboutBtn
portfolioBtn
clientsBtn
formBtn
contactBtn

http://www.exopolis.com/site/

The effect is the nav bar in the above link. I have managed to achieve the other buttons fading out when you roll over a button, but when I roll off they fade back in, I want to be able to do what they do in this site.

Any help will be appreciated

Thanks in advance

I have attached a file

Fading Buttons?
Hiya guys,

I found this script that if you have multiple buttons on your page, and place your mouse over one of them, the others will fade. Simple but nice.

Since getting the script (which only came with three buttons), I changed the name of the properties and most things in it, so I could understand it better, but the two buttons I have added (the last two) don't work! It tells me:

Target not found: Target="/a" Base="_level0"
Target not found: Target="/b" Base="_level0"

Two of the movie clips were originally called a and b, but I since changed that and the first three buttons work fine.

Can someone please help me? You can download the Fla here:

www.mattblank.com/fading_buttons.fla

Many thanks in advance!
Matt

Fading On Buttons
Hellooo!

could you help me on this one?

Picture this: I have a series of 10 btns that all need to be alpha0 upon entering the frame. There is a btn called "btnOverall" and when the user presses this btn I want the series of 10 buttons to fade up to alpha100 one after the other.

So, I have something worked out that works but is not totally what I want and I dont know if it is the right way to go about it either...

I have it so that when you enter the frame the series of 10 btns fade to alpha 100 one after the other but I cant figure out how to switch it do doing that onRelease of btnOverall. So i tried switching the actionscript to btnOverall.onRelease = function(); etc but when I export it you have to keep pressing btnOverall to and the btn go to alpha100 little by little upon each release of the btn. (hopefully that makes any sense...)

Here is the actionscript that I used:

Code:
function init() {
for (var i:Number = 0; i<=10; i++) {
this["solidity"+i+"_btn"]._alpha = 0;
}
}
init();
btnOverall.onRelease = function() {
solidity1_btn._alpha += 11;
if (solidity1_btn._alpha>=99) {
solidity1_btn._alpha += 11;
solidity2_btn._alpha += 11;
if (solidity2_btn._alpha>=99) {
solidity2_btn._alpha = 100;
solidity3_btn._alpha += 11;
if (solidity3_btn._alpha>=99) {
solidity3_btn._alpha = 100;
solidity4_btn._alpha += 11;
if (solidity4_btn._alpha>=99) {
solidity4_btn._alpha = 100;
solidity5_btn._alpha += 11;
if (solidity5_btn._alpha>=99) {
solidity5_btn._alpha = 100;
solidity6_btn._alpha += 11;
if (solidity6_btn._alpha>=99) {
solidity6_btn._alpha = 100;
solidity7_btn._alpha += 11;
if (solidity7_btn._alpha>=99) {
solidity7_btn._alpha = 100;
solidity8_btn._alpha += 11;
if (solidity8_btn._alpha>=99) {
solidity8_btn._alpha = 100;
solidity9_btn._alpha += 11;
if (solidity9_btn._alpha>=99) {
solidity9_btn._alpha = 100;
solidity10_btn._alpha += 11;
if (solidity10_btn._alpha>=99) {
solidity10_btn._alpha = 100;
}
}
}
}
}
}
}
}
}
}
};

Fading Buttons....
how do I make a button fade out when I click on it? I've tried to put the _alpha, but couldnt fade it =(

Fading In Buttons
Ok I've been trying to figure out how this was done

the buttons at the bottom of the window

http://www.mixinmarc.com/flash.html

notice how they fade in and stay on as you highlight them...how is this done?

Ive been trying to make a movie for it and have it fade in when you hover your mouse over it...its not really workin yet

Might anyone know where I can find a tuturial on this?

thanks

Fading Buttons
Is there a way of making the roll over on a button fade in and out again smoothly using the _alpha or any other command? I can get the button to fade in by animating the over state, but when you move the mouse off the button the fade jumps back to normal very quickly.

I want smoooooooothness if poss

Can anyone help?

Actionscript For Fading Buttons?
Hi, I'm using actionscript to try to fade my buttons in and out when the mouse moves over them. I'm using the code on this thread, and it works fine, except it fades the whole stage, not just the button. I assigned a instance name to my button and used that in my code but it doesn't appear to work. What do you think I could do to fix my problem?

Fading And Croping Buttons.
I've got an image. I'd like to draw a square and place the image behind it...and only part of the image....so with a black background...layered above you'd see a square with a white backdgound and a section of an image.

Then I want to take that and make it (the square with the image) into a button.

And when it's all said and done, when you pull up the page you've got these black and white square buttons. and when you roll over the mouse on then the color comes back. and then you click on the square to get into that site about that image.

Sorry if it doesn't make much sense..if it sounds really bad, just post me, on that I'll try to re-explain.

So how do I go about doing that.

Thanks very much for your time.
JT

Atlanta, GA

Rollover Fading Buttons
i downloaded a rollover button text file from this site. I want to use it for my flash design. If you look at my design, i want to have each of the star points as an invisible hotspot. When hovering over them text will fade in below the main black text.
http://www.angelfire.com/comics/mobi...eroleover2.fla
That is the link for my design.
The original rollover design i'm using is
http://www.angelfire.com/comics/mobi...deroleover.fla

The problem is, that when i copy the button and the action script to display different text, the one button displays 2 pieces of text.
I want each star point to display different text individually when hovered over,
please help!
this is really important to me.
i am a major noob with flash so please be patient with me!

Fading Rollover Buttons
i downloaded a rollover button text file from this site. I want to use it for my flash design. If you look at my design, i want to have each of the star points as an invisible hotspot. When hovering over them text will fade in below the main black text.

The problem is, that when i copy the button and the action script to display different text, the one button displays 2 pieces of text.
I want each star point to display different text individually when hovered over,
please help!
this is really important to me.
i am a major noob with flash so please be patient with me!

Fading Buttons....not Working
hello, i'm trying to do something very simple but i can't seem to get it right. i want to make it so that when you rollover on one button, the resy of the buttons fade. so i attached the following to one of the buttons:

on (rollOver) {
newsbutton._alpha = 30;
projectsbutton._alpha = 30;
}
{

i am attaching the .fla, pls can someone tell me what i'm doing wrong. thanks!

Smooth Fading Buttons
Just curious but lets say you have a button inside of a mc, and in your button there is another mc in the "over" section that fades to another color, for example, from the origional color. In the mc with the button inside of it, it fades out of that same color. So when you roll over it, it fades into a color then when you roll out it fades back to the origional color. If you roll out before the mc finishes playing it skips to the color without fading all of the way and then fades out. An example of this is at http://www.koathletics.com/intropreloader.swf I was just wondering if you could force the mc so it plays the whole animation before it fades out of the color so it doesnt skip to the color it fades out of, it fades into and out of a color smoothly no matter how fast you roll the mouse over and off of it. Sorry if this is a little hard to follow.

Thanx!
austin

Buttons Fading In, Errors.
Greetings,

With the help of you guys I'm finally halfway through my first flash site
Its time to put in my buttons.

Inspired by Ray of Light, I wish to make some buttons thats basically text fading in and becoming a link one at the time.
Unfortunately I can't make them work proper.

I've trade making them each indvidually. By writing some text in flash, converting it into a movieclip, then going into the individual time line for the movie clip. Making the text into a button and making a motion tween from alpha 0 to 100, with an actionscript stop in the end. Then placing them in the places in the main timeline where they are supposed to become active. Remembering to put an actionscript stop in the maintimeline aswell.
When I do this, only the first of them shows.

I've tried making one big movieclip with them all, then inside the individual timeline for the movieclip I've turned them all into graphics in 5 individual layers. Basically making the first menu part appear in frame 1-15 the next in 16-31 etc. Each consisting of a graphic with a motion tween fading in.
Nothing appears.

When I test each scene seperately it all works, but it never appears in my main flash.

Anyone able to help me?

Thank you very much.

Ley

Fading Out Flash Buttons
Hello,

I'm able to animate a button so that it fades in when the cursor hits, but when the cursor lifts, i'd like it to fade out gracefully also.

Right now it fades in nicely, and when the mouse lifts, it pops back abruptly.
Hope this makes sense!

thanks!

Rollover Fading Buttons
Hello

I remember one time doing this but as its been so long using FMX i have forgotten anyway if anyone can help....

I basically have a image which im turning into a button in flash i know how to do that part fine and i know how to make rollover buttons so im fine at that but id like the button when the user clicks the button id like the button to fade in and out and return to its self

Any ideas ? i do recall doing this its just ive forgotten as i explained earlier.
thankyou.
Anthony.

Buttons And Fading Clips
I have 3 buttons on a stage that play 3 different movies. While no button is pressed, there is a looping video on the stage playing. When a button is pressed, that looping movie needs to fade out and fade in the movie that button calls for. I have attached script but it isn't working at all. Not sure where to go from here.....

Fading Buttons Staying On
In the attached flash file i've created three rollover buttons from MC's. But I am having trouble making the on state stay on.

I've searched through the forums and tried a few different ways but i'm still getting stuck.

Any suggestions?

Thxs!

Problem With Buttons Not Fading Out
hi,

im just building a site that needs a bit of music in it. so ive got this musci player which i think is amazing. the strange thing is i have it fading in and out so its visible at points but non-visible without losing the sound.
it works well except for some of the buttons dont fade out. i dont see how the buttons stay but the rest of the movie fades cause im actually using code to fade the whole movie out.
help anyone?

the url its at is
www.rubiesandchampagne.co.uk/rubies

thanks in advance
G

How Do I Make Fading Buttons?
hey im confused on how to make buttons that fade when you go over them. i know you make the text for example and make it a button symbol and then i double click it and from there on im lost on how to make it blink when you rollover it. i tried inserting a layer in the button editting mode but still couldnt figure it out. any screenshots or explanations are appreciated. thanks again

Fading Buttons Advanced?
Ok... I have tried un-succesfully many a time to do this... I want to make an object (lets say a circle) grow when I have the mouse over it and fade out as it grows till its alpha is 0%.

When I move the mouse cursor off of it though I want it to shrink back to its original size and become opaque again.

Lets say its at 200 width and height and at 30% opaque and I move the cursor off of it, it will then shrink from 200 to its original size and from its 30% alpha back to 100%

I have tried using methods but never found one that works, i have seen this on lots of sites and wondering how its done.

Please give me some help, thanks!

Fading Tints On Buttons
Last edited by ncincott : 2003-08-17 at 00:31.

I am having trouble achieving this effect:

I am re-creating my picture website, and I want a nav bar that looks like a rolled-out roll of film from a camera. On the film, I want my buttons to appear as negatives of pictures.

Basically, I want to create a nice effect so that when the user rolls over the scenes on the film (which are buttons) the negative slowly gains color until it appears as a color photo. If the user rolls off the button is fades back to it's original state.

I'm really having trouble with this... I feel I need just one good break to get me on the right path to learning flash. Any help would be appreciated... and please try to be as detailed as possible, I am a real newcomer to flash.

I am working with .jpg images for the buttons

EDIT: I should mention that I do know how to create the motion tween to make the pictures tint slowly change, but what I can't figure out is how to make it fade back when rolled off.

I don't know if what I did is right, but I created a button from a jpg picture. Then on the over instance of the button I inserted a 10 frame MC of the picture changing tint. Is this correct?

Thanks,
Nick

Fading In Array Of Buttons
The only way I can figure how to do this is using onEnterFrame, but I'm not killing all the onEnterFrames once its over, and I can't figure out why. Also, I would idealy like to fade in each button in the array one by one - checking that the previous button has faded in all the way, but onEnterFrame stumps me there as well, and fires them all off at once no matter what checking I do. I've tried this with if staments and while loops, but without onEnterFrame, I get one loop and it quits. I know two seperate functions aren't neccessary, I was just trying to split things up and get at least one "delete onEnterFrame" to stop things.

Code:

buttonArr=[
_root.button1,
_root.button2,
_root.button3,
_root.button4,
];

function doAlphaUp(){
if(this._alpha < 100){
trace('button alpha: '+this._alpha);
this._alpha += (101 - this._alpha)/3;
}else{
delete this.onEnterFrame;
}
}

function alphaUp(){
for(i=0; i<buttonArr.length; i++){
buttonArr[i].onEnterFrame = doAlphaUp;
}
delete buttonArr[i].onEnterFrame;
}

alphaUp();

Fading Text Controlled By Buttons
Scenario:
Web page constructed in Flash 5 with Six Buttons (1 to 6).
When any one of the buttons is pressed, text fades in on the stage and stops at alpha 100 to enable reading. When another of the buttons is pressed the text currently visible fades out and the new text relevant to the new button pressed fades in and stops at alpha 100 to enable reading. How do I acheive this simple effect? Only one section of text should be visible at any one time and the six buttons could be pressed in any random order.

Swapping And Fading Clips And Buttons
Hi there,

Got a bit of a problem with 'swapping' clips, not sure the best way to approach it, can anyone help?? Looking at the attached .fla will help (Im using MX). (Some clips are in the library at the moment)

Okay, so I have 3 MC's in my file (redclip, yellowclip and blueclip) and I want only 1 to be visible at any one time.

There are 2 boxes with 1 button in each...the buttons are red, blue and yellow....i want only 2 buttons to be shown and these should NOT be the colour of the current clip on the stage.

So, for example, I have the redclip on stage and the blue and yellow buttons showing...when I click the blue button, redclip should FADE OUT...then....blueclip should FADE IN....and the blue button replaced by the red button!!

Hope you can help!

Buttons With Fading Rollover Indicators
Does anyone know how I could create this?

I want a vertical column of buttons, then next to each one is a red indicator, showing which button you're on. I want to have the red indicator fade in and out as you rollover the buttons, kind of like this:

http://www.flashkit.com/movies/Inter...0186/index.php

The buttons don't need to fade in and out, but I want the indicator next to them to. I guess I need to create a movie clip and attach it to the button "over" keyframe?? I've been trying to do that and not having much luck.

Any explanations would be really helpful. Thanks!!

[MX04] Fading MC And Buttons Through Actionscript
Hello there,

I have a couple of questions on how to fade buttons through actionscript.

The first one is with a MC.

I have a set of 12 small images. They are all on an alpha of 60 when movie is loaded. I want each on to fade in to 100% alpha when a mouse hovers over that one.

This is what I have, and it doesn't work

Code:
this.onEnterFrame = function (){
moby._alpha = 60;
nikita._alpha = 60;
zhenya._alpha = 60;
alyssa._alpha = 60;
laura._alpha = 60;
jen._alpha = 60;
lux._alpha = 60;
lindsey._alpha = 60;
jamie._alpha = 60;
kelly._alpha = 60;
erin._alpha = 60;
colin._alpha = 60;
};

function (fadeOut) {
this._alpha -= 5;
if (this._alpha<=60) {
this._alpha = 60;
this.onEnterFrame = null;
};
};
function (fadeIn) {
this._alpha += 5;
if (this._alpha<=100) {
this._alpha = 100;
this.onEnterFrame = null;
};
};

moby.onRollOver = function(){
moby.onEnterFrame = fadeIn;
};
moby.onRollOut = function(){
moby.onEnterFrame = fadeOut;
};

Also I want to fade the color of a text from lets say an orange to a white. I want it to fade smoothly, and preferably through actionscripting. How would I do so?

Thank you,
Artem

Fading Gradiant Text Buttons
I'm having trouble figuring out how to create text buttons that rise out of another text heading, and get them to stay there so that you can select them instead of the original heading that I moved my mouse over. Does anyone know this one?

Fading-In Dynamically Loaded Buttons
So, I was fooling around with XML and AS.
I finally managed it to load the buttons via the .xml file.

The only problem is, they all load at the same time.
Is it possible to set an interval to each button, so it fades one after another?
Like, I dunno. a 0.1 second per button?

Here is the code so far...

Code:
menu = new XML(); menu.ignoreWhite = true; menu.load("menu.xml");
menu.onLoad = function(){
items = this.firstChild.childNodes;
for(counter=0; counter<=items.length-1; counter++){
_root.attachMovie( "menu_item", "item"+counter, counter);
_root["item"+counter].boxname.text = items[counter].attributes.bname;
_root["item"+counter]._x = counter*18;
_root["item"+counter]._y = 225;
}
}

Button Bar With Alpha Fading Buttons
Hello,

I am relatively new to flash, but I know how to tween (motion and shape), operate on symbols to change their appearance, and I know a little about how to make simple buttons. What I am wanting to know, however, is how one would go about making a button bar, or navigational bar with the following characteristics:

1. When one button is "rolled-over" the others should fade to 0 alpha
2. The button "rolled-over" would then move to the center of the button bar.

Can someone explain in detail how I would go about accomplishing this? Please help, I am having no luck searching online for a solution to this issue.

Many thanks,

Dan

Help With Fading MCs With Rollovers And Text In Buttons [renamed]
hey
so yeah I just started really using flash today (this site helped a lot) but two things that are making it really hard are:

1. I've got a symbol that's a movie clip with some fades and stuff, but there's some text there to act as links, but when you mouseover the text, it plays the movie clip over again

2. Whenever I try to make text into a link, or text into a symbol then a link, it's not "filled" (when you move the mouse between the letters it considers it a rollOut)

I attached the .fla along with this hoping someone here could help me out
it's a little urgent too

thanks!
- vh1

Fading Buttons Alpha To 0 From An Mc On A Higher Level?
ok i have a button that is actually an mc pretending to be a button. It is basically a black image over another image that fades when you mouse over and off it. This is on _level1. heres my script so far.....

ActionScript Code:
on(rollOver, dragOver){ fade = "out";}on(rollOut, dragOut){ fade = "in";}onClipEvent(load) {var fade_speed = 24;}on(release) { this.onEnterFrame = function() { if (_level2._alpha > 0) { _level2._alpha -= fade_speed; } else { delete this.onEnterFrame; _level2._alpha = 0; loadMovieNum("aboutPage_shea.swf","2"); } }}onClipEvent(enterFrame){ if(fade == "in"){ this._alpha += 10; if(this._alpha >= 60){ delete fade; } } if(fade == "out"){ this._alpha -=10; if(this._alpha <= 1){ delete fade; } }}

so, i need an swf loading on _level2 to make this buttons alpha fade to 0, and then fade back when the swf on _level2 is unloaded. got any ideas? id appreciate it. thanks. UA

Flash Question: Fading Buttons Into View.
I have 9 buttons in a 3x3 grid. As part of my intro I'd like the buttons to alpha in starting with the top left then moving left to right, top to bottom.

The button names are in an array in the correct order. I've already got code which will allow me to fade the buttons in, but I'm not sure how to loop over the array and make each button start at a different time. For example I'd like the top left button to fade in over 2 seconds, then one second later have the next button fade in over 2 seconds, and so on.

I'm guessing that I could do something like this with setInterval but I'm not really sure how to proceed. Can anyone give me some examples or suggestions?

thanks.

Flash MX AS Question: Fading Buttons And Mouse Interaction [renamed]
Hey guys im making my portfolio in flash. And the designing goes oke etc, but now im at the programming part, and thats not what im good at.

http://www.wiking-clan.nl/peter/flash/site1.html
http://www.wiking-clan.nl/peter/flash/site1.fla

If you mouse your cursor over the most right (black) button you see "contact" fading in, thats oke, and when you click on it a big orange shape slides in, some text is needed to put in here.

But!

When you move the mouse of the button the orange shape slides back.

So my question is, how can I make the orange shape stay while the mouse is of the button? And when the mouse moves out of the contact button and over another it should fade in that name to, (like it does now).

I hope i make my self clear and that you guys and girls have some good advice for me.

Fading And Reverse Fading Text
I'm so new to this it's sick. But I figure I can take a few days and learn as much as I can. I'm building a website wherein I'll have a splash page before entering the main contents of the site.

I'm using Flash 5. On the splash page I want to know how to create a text object that appears in a 'reverse fade' fashion. I imagine a 'reverse fade' function can be done with any object or graphic - I've seen it on these awesome websites listed at FK.

I don't know if I'm evening asking this question right. I'm able to use CoffeeCup Firestarter and make things appear and fade easily (duh - who couldn't with that program) but can't view the code the Firestarter program produces in order to learn how it happened.

Appreciate any help someone could give me.

Thanks,
Jeff