Forum Discussion

StefaanLeleu-a1's avatar
StefaanLeleu-a1
Community Member
4 years ago

Hover using freeform hotspots

Hi,

I have 6 cut-out images with a transparent areas on a slide. Because the boundary box of some images overlap other images, this messes with the hover areas. Sometimes if I hover over an image the hover state of an adjacent image appears because the transparent area of that adjacent image overlaps the image I'm hovering over.

To solve this I'm using freeform hotspots to trigger the hover and selected state of the images. These are the triggers I'm using:

 

 

I want to achieve that when the user clicks the image, the hover state no longer works and the image remains in its selected state. So I created a 'disabled' state. When I click the hotspot the disabled state is activated. However, when I move the mouse outside of the hotspot area, the image goes back to its original (normal) state.

How do I prevent that?

  • In the edit trigger pane (not the trigger list pane), deselect Restore previous state when the user hovers out. Double click the trigger that is highlighted above to get to the trigger edit pane.

  • Hi Walt, I should've mentioned that I had already tried that. As expected that resulted in the images remaining in their hover state. I want the state to go back to normal once the cursor leaves the hotspot area, just not after clicking on the hotspot.

  • Using another object to trigger a hover state is a little flakey. I am not sure this is fixable as in this case it is working as expected. You may want to activate a transparent shape that blocks the hover on click and then on timeline start of that object that changes the object below to disabled

  • Hi Phil, You're saying it is working as expected. But what I don't understand is why the hover state still works after the 'disabled' state has been triggered. I would expect the disabled state to trump the hover state.

  • I would suspect that the diasbled state is being enabled and then the hover listener on the hotspot is then picking up the trigger to change state to hover, I think it is expected behaviour.

    The disabled would overrule hover if you were hovering over the object rather than a hotspot.

  • Ok, that makes sense. I guess I'll just remove the hover state altogether. Thanks for the help!