17.1. Adding an image map to your document

The following procedure applies to XHTML, DITA topic and DocBook documents.

  1. Select an entry corresponding to an image map from the popup menu displayed by the "Add image" toolbar button.

  2. Specify which image file to use, for example, by right-clicking the image placeholder and then selecting "Set Image" from the contextual popup menu.

  3. Right-click anywhere inside the newly inserted image map element element (e.g. XHTML map) and select "Edit Image Map" from the contextual popup menu.

    Figure 9.30. The right-click, contextual, popup menu has an "Edit Image Map" entry
    The right-click, contextual, popup menu has an "Edit Image Map" entry

    This displays an image map editor.

  4. Use the image map editor to add “hot areas” to your image.

    Figure 9.31. The "Edit Image Map" dialog box
    The "Edit Image Map" dialog box

    How to use this image map editor is explained below.