Image maps


Image maps are parts of an image that are used to assign a behavior.

To create an image map it's necessary to previously select the image in which you want to create the map, and then to open the properties inspector.

 

It's possible to create a map through these buttons: . If you can't see them, you have to unfold the Properties Panel to have a complete view.

The three last buttons are used to create the maps. These maps can have rectangular, circular or free-form shapes, it depends on the pressed button.

When you press one of these three buttons, the appearance of the mouse changes when you place it over the image. Then it's possible to paint a map over the image, clicking on the places you want to start and finish the map.

 

When you select a map section, the Properties inspector changes. It allows you to assign a link and an alternative text to that section as you can see below:

The first button (arrow) has to be clicked on when you finish the creation of a map in order to let the mouse recover its original shape. In this way you can move the points of the map, in case that they have not been created in the required places or to adjust them better within the image.

Here you have an example of an image map. Place the mouse upon the dog's head which contains the map to see what happen.

To practice you can perform the Step by step exercise in Creating an image map

   
Content

 

 
mapa