I have a porfolio site that I'm creating with different colored coffee cups as buttons for each section of my site. When the mouse rolls over the coffee cup image, I want the coffee to appear with the steam moving above it. This part of the animation works fine. I've converted the images to symbols so they can have their own div and I've deactivated the "autoplay" button so I can set the animation to play on mouseover. However, when I preview the site in browser, the animation autoplays. I've tried to hide it and set it to play on mouseover, but it stayed hidden. How can I make this work only on mouseover? I've been through all the tutorials and none of them have helped me with this issue.
Once I get the animation to work on mouseover, I plan to insert a click action on the text to link it to the new page. Thanks in advance for any help you are able to provide.