Creating Image Maps

For online outputs, you can create hotspots from an image that link to topics, keywords, or groups.

Since the hotspots are only available in online outputs, you may want to add the same links under the graphic for Manual outputs, then mark that text with the Printed Manual condition so it does not appear in online output. See Marking Text as Conditional.

  1. In the Word source document, select an image.
  2. On the Doc-To-Help ribbon, click the Image Map Editor button. The Image Map Editor opens.
  3. Do either of the following, depending on whether you want to draw a random region or split the entire image into equal regions.
    • Random Region Click the Draw Hot Region button and select a region.
    • Split Into Equal Regions Click the Split into Hot Regions button . Complete the files in the dialog and click OK when you are finished. See Splitting an Image into Equal Hot Regions.

    Depending on the number of regions(s) you create, a default name for each region ("Hot Region #") appears in the box on the right. It is in this area that you will create links to topics, keywords, or groups.

    Note To rename a region, select the region name and click the Rename button .

  4. In the box on the right, select a numbered Hot Region to which you want to assign a link.
  5. Click the Set Hot Region Link button . The Link dialog opens.
  6. From the Link type field, choose the kind of element to which you want to link: Topic title, Keyword, or Group.
  7. In the region below, choose the topic, keyword, or group.

  8. Click OK. The specified link is displayed in the Image Map Editor, under the list of numbered Hot Regions. In the output, each region will display in a pop-up when the user hovers over that area of the image.

    Note If you want to delete the link later, select it in the Image Map Editor and click the Remove Hot link button .

  9. (Optional) You can bring a region to the front or back, change the default line color for a region, and zoom in or out using the toolbar on the top left.
  10. (Optional) If you would like to adjust the coordinates of a region, select it and drag it on the graphic, or for more precise adjustments use the Layout section on the right.
  11. Click OK.