Meaning: presenting an illustration, containing clickable hotspots. Each click on a hotspot should generate a pop-up window in which a short explaining text is displayed. This window disappears the moment another hotspot is clicked.
The best way to do this is through the use of slide layers:
Put your image on you main layer and put the hotspots over it where you want the user to click.
Next set up each reveal on slide layers (one slide layer for each click and reveal). Name them accordingly.
Then put triggers on the hotspots to show the slide layer that relates to it. Ther slide layer are set to hide other slide layers by default (so that makes the triggers a little easier to do in this case).
With what Bill just explained with highlighting, you could add the option to hide the next button until the user finishes clicking all of the hot spots.
First make a slide trigger to hide the next button when the timeline starts.
Next create a variable that can have value added to it every time the user selects one of the hotspots.
Then make a trigger on each hotspot that adds 1 to the variable.
Finally have another slide trigger that sets the next button to normal once the variable is equal to the number of hotspots you created.
7 Replies
Hi,
The best way to do this is through the use of slide layers:
Put your image on you main layer and put the hotspots over it where you want the user to click.
Next set up each reveal on slide layers (one slide layer for each click and reveal). Name them accordingly.
Then put triggers on the hotspots to show the slide layer that relates to it. Ther slide layer are set to hide other slide layers by default (so that makes the triggers a little easier to do in this case).
Hi Daniel,
Thanks a lot! I did it!
This brings me automatically to the next level:
1. How to highlight and un-highlight the hotspots after clicking on them?
2. How to change the hotspot's color at mouse-overs
Thanks again!
Leo
Hi Leo!
I wanted to pop in and share a similar thread with ideas/suggestions that may be able to assist you.
For highlighting, changing the color of a hotspot, use states.
Having a trigger that shows the hover state when the mouse is hovered over will cover that, and you can just change that color.
To hide a hotspot once it's been used, set the state to hidden.
With what Bill just explained with highlighting, you could add the option to hide the next button until the user finishes clicking all of the hot spots.
First make a slide trigger to hide the next button when the timeline starts.
Next create a variable that can have value added to it every time the user selects one of the hotspots.
Then make a trigger on each hotspot that adds 1 to the variable.
Finally have another slide trigger that sets the next button to normal once the variable is equal to the number of hotspots you created.
Why is this post pinned?
Good question Michael. Perhaps an error - unpinning since we typically keep those for information we need to pass to users :)
This discussion is closed. You can start a new discussion or contact Articulate Support.