Animated button funky behaviour

[pulecz]

Got animated buttons that consist of multiple graphics. And two problems go with that.
Problem 1 - when you rollover them the animation runs, that's fine. But when you click them the animation starts to run again, that's bad. Simply need it to stay in the last frame of rollover when you click.
Problem 2 - when you click the button it is supposed to fade away (that is done with some tweener in AS3). And it does, that's fine. But when fading out, you can somehow see the different elements that make up the button and that's bad. I'd like it to smoothly fade away all as one thing.

See the actual buttons here http://www.geographics.cz/fotky
- those three film cuts.

Thanks for any hints.

[westendartist]

Beautiful site.
I know what you mean about the rollover button thing. I "break apart" CTRL B my buttons elements to one flat object and fade alpha to 7% not 0% with a blank last frame, or instead of fading my flat alpha I fade to a very similar colour as the background with the last frames at 96% not 100.

just a thought.

[samac1068]

Pulecz, As Westendartist mention it is a nice looking site. Those problem are not too difficult, but lets start with the second problem first.

This type of issue is very common and happens more often than not because how different levels are affected by the fade. Surprisingly, it is happening while using actionscript, where this commonly appears when tweening on the timeline. Westendartist has a great idea that may eliminate the problem. You can maintain the button as is, but add a single frame at the end and is a flatten image of all layers. Prior to the fade beginning, switch to that frame. This should suppress the multi-layer fading issue.

With problem 1, without viewing the code I cannot provide a conclusive answer, but it is possible that there is code within the MOUSE_UP or MOUSE_RELEASE listener that calls a play or maybe there isn't a stop action to halt the animation. If you can provide the code surrounding the buttons, I may be able to provide additional feedback.