Hotspot not changing a pictures state.

Dec 23, 2016

Hello out there!

I am trying to get a hotspot to trigger a picture that has 3 different states.

The pic has normal, hover and visited. When I hover over the hotspot it triggers the hover state but when I click on the hotspot and go to the layer, then come back, it doesn’t trigger the pictures state change to visited.

I’ve tried using a true/false variable, this hasn’t worked for me, and I’ve also tried having the picture change state when I close the layer. The closing of the layer does work but then the picture will glitch and disappear completely when the hotspot is hovered over.

I have to use hotspots because of the shape of the picture(s) and not having one isn’t a possibility. The picture(s) are a bunch of puzzle pieces that all come together and they overlap each other in some parts. I've attached a picture so you can better understand what I mean.

Does anyone have any advice?

Thanks in advance and Merry Christmas!!!!

12 Replies
Walt Hamilton

The problem is the hover over. You hover over it, and it changes the state to hovering. Then you click and it changes it to complete. Then you move the mouse off it (or a layer shows and it thinks the mouse has left,) and the hover trigger resets it to normal.  The solution is to put the trigger to change the state to completed on the layer.  When the user clicks to hide the layer change the state before hiding the layer.

I tried this on the lower right-hand piece.

Chris Friesen

Hi Walt, Thanks for the reply. I've done what you suggested and the state does change to completed when the layer has been closed. One of my colleagues had suggested this as well and we tried it but the "Completed" state gets pretty wonky and disappears, sometimes, when the mouse hovers over it again. Any ideas how to fix that?

Alyssa Gomez

Hi Chris! 

I tried removing the states you created, and I replaced them with the default states Normal, Hover, and Disabled. Using the default states prevents that wonky behavior and keeps the 'Completed' state from disappearing when you hover over the puzzle piece a second time. I made that change to the attached file - you can test the published output here!

Leslie McKerchie

Hey Chris - I assume you are asking about a link once you publish the content? I'm not sure how you are publishing and sharing, but you would share the story.html link and you could just share it here in a reply if you wish or if you were asking about your users, you could share the same way through e-mail or whatever distribution method required.

This discussion is closed. You can start a new discussion or contact Articulate Support.