The Image Hotspot activity helps users spatially understand concepts and discover connections across an image. This activity may be especially helpful to visual learners.
This article outlines the following concepts:
Create a New Activity
Go to Content Creation > click Interactive Content > click New
Select Image Hotspots.
Background image
Give this Image Hotspot a Title and upload the Background Image. Assign an alternative text to describe the image.
Choose to use a Predefined icon or upload a custom icon. If predefined is chosen, choose from the available icon options. Choose a Hotspot color.
Place hotspots
Under Hotspots, click on the thumbnail to place the first hotspot.
Designate if when the hotspot is clicked, it will cover the entire background or not.
Give the hotspot a header and choose the content type. Content types include:
- Text - include text in a WYSIWYG editor
- Video - upload video file or add YouTube link
- Image - include additional pop-up image
- Audio - upload audio file or add a link to audio
Click Add Hotspot to insert additional hotspots.
Configure additional settings such as Behavioral Settings to set how users can interact with this activity.
Click Save.
User View
The interactive content is added to a lesson through the Content & Activities tab of the Lesson editor.
Users are shown the image and can click each of the hotspots.
When a hotspot is clicked, the attached content is shown.