Expanding image toggles

<< Click to Display Table of Contents >>

Navigation:  Basic Working Procedures > Toggles: Expanding Text and Images >

Expanding image toggles

Expanding image toggles like the one on the right use a small "display version" of the image that the user can click on to display the full version. This can make your topic pages much easier to read because the larger versions of the image are only displayed when needed.

Help+Manual does all the work for you. You just select the full-size image you want to display and the smaller version is generated automatically.

Click to expand image

Click on the image
to expand it!

Click to expand/collapseHow to create an expanding image toggle
Click to expand/collapseUsing a different image for the preview
Click to expand/collapseUsing SVG images
Click to expand/collapseConverting existing images into toggles
Click to expand/collapseFormatting the toggle image with CSS

See also:

Formatting toggles with CSS

Toggle IDs

Editing and copying toggles