Embed
Create a Collection
Update Collections
Steps to add a Hotspot to an image.
You can add hotspots as a layer over an image. If you move the image the hotspot will remain in the same location in relation to the image.
Once you have added a hotspot you can use it as a trigger for a wide range of Actions such as showing or hiding content.
NOTE: If you have an action with an on-click trigger set on an element layered over an image (for example, a hotspot) plus an action with an on-click trigger set on the image element as a whole, both actions will be fired when the learner clicks on the layered element.
Applies to: Flow, Claro
-
1Select the image on the page.
Click the continue button:
-
2It will be boxed in purple, and the element control icons will be shown. Select the + icon.
Click the continue button:
-
3The Add Elements on Top panel will open. Select Hotspot.
Click the continue button:
-
4A hotspot will be added to the image. Select the hotspot and drag it so its upper left corner is in the upper left area above the Botnets portion of the image.
Click the continue button:
-
5Releasing the hotspot sets it in the new location.
Click the continue button:
-
6You can drag the handle in the lower right corner of the hotspot to adjust the size.
Click the continue button:
-
7Releasing the handle sets the new size.
Click the continue button:
-
8Select the Actions icon (the lightning bolt).
Click the continue button:
-
9The panel shows some of the actions you can set up when the learner clicks on the hotpost. There are more Actions available if you select More... To set an action for a trigger other than clicking, select See all.
Click the continue button:
Comments ( 0 )
Sign in to join the discussion.