To make an expanding image toggle you just select the image you want to use, choose a zoom factor for the thumbnail display version and enter tooltips and/or captions if you want to use them.
1.Click in your topic in the place where you want to insert your expanding image toggle. Don't select any text (it would be deleted when you insert the image toggle).
2.Select the Insert Toggle tool in and select the Screenshot Toggle option at the top of the dialog.
 | Thumbnail: Sets the size of the preview image that the user clicks or taps on to display the full-size image. |
 | % of picture size/document width: Makes the size of preview image a percentage of the original image size or of the document width. The second option makes the preview responsive and relative to the width of the current browser window. If the image is in a table the width will be relative to the table cell containing the toggle image. |
 | Style: You can apply an image style to the image toggle preview to define a border and a standard width. |
| See Insert Toggle for details on all the settings in the Insert Toggle dialog. |
3.Select the image you want to toggle by clicking on the browse button in the Picture file name: field. This file should be stored in your graphics folder or project folder, just like all the other graphics in your project.
4.Select a zoom factor for the preview version and enter tooltips and captions for the expanded and collapsed versions.
5.Click on to insert your expanding image toggle. |