Skip to main content

Hover Text using the Image Title

You can use the Image Title Attribute setting to add a title to an image in your HTML5 output. The title is shown as text in a tooltip when you position the cursor over the image.

  1. Right-click the image and select Edit properties. Comment_small.png

    Edit_Image_Properties_small.jpg
  2. Select the edit icon for the Title field.

    Image details dialog. There is a preview of the image on the right and a list of details and settings on the left. A callout box highlights the title entry and a callout arrow points to the edit icon for the title entry.

    Note

    Image titles can only be in one language.

  3. Enter the text that you want to use as the title and confirm the change with the checkmark. Checkmark_small.png

  4. Close the dialogue.

  5. Select Layout in the top menu.

    Paligo editor. The Layout option in the header menu is highlighted.

    Paligo displays a list of Layouts. The list is empty if there are no custom Layouts in your Paligo instance.

  6. Select the Layout you want to update or Create a Layout.

    Tip

    You can copy the URL of the Layout Editor and paste it into a new tab in your browser. This can be useful if you frequently switch between your Paligo content and the Layout settings.

  7. Select Images in the sidebar.

    Images_Layout_options.jpg
  8. Set Image title attribute to Enable.

    If you set Image title attribute to Disable, the hover tooltip will not appear on the image in the published HTML5 output.

  9. Select Save.

When you publish to HTML5 using this layout, the image in your output will have a tooltip that shows the title text.

An image of a space center control room. There is a cursor on it and a ToolTip box that shows "ISS Flight Control Room".