Object on Hover slide layer blinks when object state is changed.
Feb 07, 2024
I am trying to create a map where the learner can hover over different hotspot icons and a popup window (via a new slide layer) appears--and then disappears when the learner moves the cursor away. When I added entrance and exit animations to the object, the entrance animation plays but the exit animation does not play. (See slide 1.1)
I wanted to add a hover state to the hotspot icons. When I did that, the popup (slide layer) started blinking on and off as though it's glitching. (see slide 1.2)
Can anyone tell me how to have the the icon state change when the user hovers over it, and then have the corresponding layer zoom in and zoom out again when the learner moves their cursor away?
I have attached a copy of the file. I have only created triggers for the first two icons (preparation and foundations).
Thank you!
2 Replies
The exit animation on slide 1 doesn't activate because you are hiding the layer, so it just disappears.
1.2 - what's happening is that the hover state is activated, but the object that animates in intersects with the mouse and it releases the hover, which in turn brings back the hover state. So it's toggling between hover and no hover.
You could get rid of the layers and put that info inside teh hover state. I'd use a softer animation like fade, though.
Another option is to create a specific place where teh layer info appears so it doesn't sit on top of the map, like in this image.
Thank you for the tips! This is very helpful