Image Hotspot

Image hotspots are interactive images that contain hotspot icons on the image. When the participant clicks on a hotspot icon, a pop-up window appears with text, image, or video. Image hotspots are good for communicating detailed information about a graphic to the participant. In this article, you'll learn how to create them.

Add Image Hotspots

You can find the Image Hotspot under Course Elements. Drag and drop the box into the desired section under Course Content.

On the following page, upload the background image you want to use to create the hotspots. To do this, either click on Upload or drag and drop an image into the framed field. Now create a title and an optional summary in the Short description field. 

3 different hotspot types

In the Content tab, you have three options for creating hotspots:

1. Text
2. Image
3. Video
   
   

When editing, you can choose the color and size of the hotspot. The hotspot will appear as a plus sign on your background image. You can now drag it to the desired location. When the participant clicks on the plus sign, he sees the text, image or video that you have written:

With a click on Preview, you can first try out the hotspot yourself. With a click on Create, it will be saved.

• Related Articles

• Image Slider

  The Image Slider is always useful when you want to convey knowledge in the form of several graphics.  The module is not interactive; so the participant can only click through the images. A classic example is a PowerPoint presentation. You can learn ...

• Quiz (Question Set)

  A quiz is the most effective way to test the participants in their learned knowledge. In this article we will show you how to create one and explain the different types of questions. How to create a quiz Go to Course Elements > Quizzes and simply ...

• Memory Game

  The Memory Game can be used whenever someone needs to memorize something better. After all - and this is already indicated by the name - it is about memory. It should be trained in a playful way. You can use the memory game for your company's ...

• Drag & Drop

  With drag & drop questions, there are no limits to your creativity and various tasks can be perfectly mapped interactively with this question type. In this article we will show you how to create a drag & drop quiz. How to create a Drag & Drop Quiz ...

• Study Cards

  Study cards are a very simple and popular learning method. For example, elearnio's interactive Study Cards are a great way to introduce your team to the course participant.  Learn how to create them in this article.  How to create Study Cards You can ...