University of Utah

Images With Toggled Description

Updated on

Example Image

Show/Hide Image With Description Code

<figure>  <img src="image link" alt="Enter alt text with full description below" style="border: 2px solid #BE0000;"/>   <figcaption style="color: #BE0000;">Image Caption     <details>       <summary style="color: #890000;">Image Description</summary>       <p style="color: #000000;">Enter full image description here.</p>    </details>  </figcaption> </figure>

Guidelines

See the Image module for more information on sizing, placing, and styling images.

0 Comments

Add your comment

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Previous Article Accordions
Next Article Show/Hide Documents