Showing Images as Thumbnails in Output

You can use thumbnail images for online Flare output. For example, if a Flare author sends you a topic containing an image, you can edit the image to specify that it should appear as a thumbnail in output. Then you send the file back to the author. If the author generates output such as WebHelp, end users will see the image as a thumbnail until they perform an action on the thumbnail, such as hovering over it or clicking it. After that action, end users will see the image in its full size.

Example  

You are working on a topic that looks like this, with a large image in the middle of the content:

Suppose that, in the Flare output, you want the end user to see this image as a small thumbnail. Furthermore, if the end user hovers over the image, it will be shown at its full size.

To begin, you right-click on the image and choose Image Properties. This opens the Image Properties dialog. You can set the properties on the Thumbnail tab.

Afterward, both in the editor and in the Flare output that the author generates, the topic looks like this, with the image shown as a thumbnail:

How to Show Images as Thumbnails

  1. Open the document or topic.
  2. Right-click on the image.
  3. From the context menu, select Image Properties. The Image Properties dialog opens.
  4. Select the Thumbnail tab.
  5. In the area on the left, select one of the options.
    • Mouse Over The end user can see the image in its full size by hovering the mouse over the thumbnail. As a result, the full size of the image will be shown in a popup window.
    • Hyperlink The end user can see the image in its full size by clicking the thumbnail. As a result, the full size of the image will be shown.
    • Popup The end user can see the image in its full size by clicking the thumbnail. As a result, the full size of the image will be shown in a popup window.

    Note If you select None, the image will not be shown as a thumbnail. If you select Inherit, the image will use whatever thumbnail settings are applied to the parent <img> tag.

  6. If you want to set a maximum width or height for thumbnail images, complete the Max Width or Max Height fields. You probably only need to complete one of these areas.

    The default setting is to show images as thumbnails if they are more than 48 pixels high. If that is the case, the image will be resized in the output to be 48 pixels high, and the width will be adjusted accordingly. The image will be shown in its full size when the user performs one of the actions you specified in the previous step.

    If you want to change either the maximum width or height settings, first click in the upper-right drop-down and select Length. Enter a number in the field and use the down arrow in the lower-right corner to select a unit of measurement. See Units of Measurement.

  7. Click OK.
  8. Click Save the active file. to save your work.

Note This feature is not supported for MadCap Lingo review package (LIREV) files.

Note You can also preview thumbnails (see Previewing Thumbnails) and show images as thumbnails while you are editing (see Showing Images as Thumbnails While Editing).