hey everybody,
I’ve been working on this site and everything is going pretty good except i have an issue with the way the buttons respond to the mouse.
check the navigation here:
www.beyondz.com
ok, seems to work fine right? The problem with this version is that i want the clicked button to grow and stay larger than the other buttons. And when you click another button, that button becomes large and the last clicked button gets smaller. I’ve figured out how to do that, which you will see in a moment, but that is not my problem. Now, with this version I am actually using a proximity formula for the rollovers instead of actual rollOver handlers, and the buttons seem to respond well.
Here is the modified version of the nav, using rollOver handlers and growing and shrinking the appropriate buttons:
www.beyondz.com/index_flash.html
As you can see here, this version seems to be working fine as long as you are rolling over the buttons fairly quickly. But, if you put your mouse right on the edge of the button, I think you’ll see that the button goes into some sort of pulsing action, larger and smaller. It may stop after a moment or it may not. In an effort to find the problem, i removed each property (alpha,blur,bevel, etc) one at a time and basically figured out that mainly the blur filter is causing the button to act erratically. Without the blur filter, it works just fine. I’m wondering if anyone else has had this sort of problem and if there is a solution to it (besides getting rid of the blur :sigh:).
I could go back to using proximity for the rollovers, but i had a hard time keeping the buttons enlarged when you roll away from them. That’s why i went back to using onRollOver instead.
Sorry for the long and rambling post, but sometimes it’s hard to explain certain things in just a few words…