Could you give us more details of your settings or post a sample? is the button into a symbol? When do you want to change it? ect....
The buttons are symbols named nav_1-5. They all have "show element" "hide elment" and "play from" actions assigned to them. I want the button to change to the orange color on mouseover and active. I watnthe button to go back to grey on mouse off. I have attached a shot of what I am working on.
So I guess this is really independant of your animation. You could make a symbol button doing that.There is a great tut from Simon from Edgecommon for reusable buttons that do just that:
I will check it out. Thanks for the quick response!
There are a few reasons why your code isn't working as expected:
- The css color property is only for text elements. Use background-color for rectangle/ellipse divs.
- You're addressing the symbol instance, which is okay but the symbol is the size of your ellipse, so background-color wouldn't display because the ellipse obscures the symbol background. Why are you using symbols here? It's not necessary if the only thing you are doing is using css to change the ellipse color
- If you need symbols for other reasons, then you can access the ellipse inside after you get the symbol using sym.getSymbol().
If it's point 3 that you require, then here's some example code that may help: