Javascript rollovers - where active remains active (problems please help)

Hi - I have created rollovers for a site. hover I find that the rollover script effects the flash movies elsewhere. I know that there is nothing wrong with the flash aspects, and can honestly say that they are perfect and not heavy on any action script or effects, in fact one is a mear 4kb in size.

When you hover over the navigation images the speed and smoothness of the flash area is effected, the faster you hover over the buttons the worse it gets even to the point of stopping. Can anyone help me with this.

does anyone have alternative javascript rollovers, where when the button is clicked it remains active. This is what currently happens but of course something has to go wrong with it. The site in question is almost complete, and on a testing server. The address is the following :

http://www.blue-leaf.co.uk/cdn/index.html

Please if you know the problem and have a solution please get back on the forum as soon as possible.

Thanks

Trev

It looks to me that you are better off with CSS rollovers instead of JavaScript rollovers.

Just have each navi item be a table cell that has it’s valign set to middle and its align set to center.

Then in there you can have there you can have that little arrow image (chop it out of the big image) and then the text. Then you can set the table cell background image to the grey rounded rectangle when you need to.

Thanks for the reply :). How good is CSS in terms of compatiblity? And is this the only ideal option ?

cheers

Trev

In this case (just link hover effects), it should be perfectly fine.

And this option would probably be your most optimized and efficient option yes.