Printable View
I have web content with simple rollover animations. When someone rolls over the target a text box fades in. When they roll out it fades out.
How can I have a smooth transition if the user rolls out before the roll over animation ends (i.e. before it's faded all the way in) ?
See attached. "Receiver's Key" is the hit area
To do that, you can't use the timeline. You'd have to use code (Tween Class) to fade in and enlarge during mouse over and fade out and reduce from the current size and opacity on roll out.
I have you latest file and I'm adding the code you can use to complete the function you would like. I'm make some significant changes. You code looks good, but we want to remove some items from the timeline and use actionscript to perform the necessary functions.
bob,
I've updated you code to allow for what you asked for, but there is still a small problem. Because the object being animated isn't part of the button that controls the rollover, you may have accidental rollouts. The position of the object fading in CANNOT pass in front of the button over the button, otherwise it will think it has rollout and perform as such.
I'm still working on that issue, but wanted to provide you with something. Oh, I changed the button color, just so I could see it during authoring and forgot to change it back. I've placed a couple of comments in there, so you would know what must be done to expand the number of rollover objects quickly. There is a naming convention that must be followed to properly use the functions.
If (when) I come up with a solution for the rollover problem, I'll let you know. This should keep you moving forward.
A friend of mine pointed me to "Tweener (caurina.transitions.Tweener)" and that really simplified things for me.
Thank you so much for writing nearly 100 lines of code Samac! I really do appreciate you taking your time to teach a newbie some flash.