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
Here's the picture
I'll bet that if you attach the slide here, someone can give you some ideas.
Hi Chris
instead of using the inbuilt visited state, duplicate that state in the states tab and call it 'completed' then delete the visited state. Use the custom completed state in the trigger on the layer.
See attached rough example.
Hope this helps and happy holidays.
Thank you both for your input! Wendy I will give it a go and thank you for your demo. I will post a follow up with how it went in a couple of days.
Thank you for your help!
Good morning again,
I've gone in and I changed the built in visited state to a "Completed" state and I'm still having the same problem. The puzzle pieces do not change to the Completed state once they are visited.
I've attached the file and I'm hoping someone can find a solution.
Thanks!
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.
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?
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!
Hi Alyssa,
Thanks for that! I had to do some other changes because my client wanted another hover state once it was completed in case the student came back to the interaction. I have it all working now and I will post the final as soon as I can.
Thanks everyone for your help.
Thanks for popping in to share Chris :)
My pleasure...how do you upload a course so that people can view it from a link and where would I put it?
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.