Figure
This section covers different methods for including and presenting figures, including enabling image enlargement for a more interactive and detailed viewing experience.
Enlarge Image
To enlarge an image, add the following code to your markdown file:
Figure 1: Glow discharge in a low-pressure tube caused by electric current. Like what Faraday saw, the tube shows a dark space between the glows around the cathode (left, negatively charged) and anode (right, positively charged).
image ©Andrejdam/Wikimedia
<div class="figure">
<figure>
<button
class="lightbox-button lightbox-button--icon"
data-lightbox="image"
data-lightbox-src="https://www.visionlearning.com/img/library/large_images/image_9574.jpg">
<img
src="https://www.visionlearning.com/img/library/large_images/image_9574.jpg"
alt="Figure 1: Glow discharge in a low-pressure tube caused by electric current. Like what Faraday saw, the tube shows a dark space between the glows around the cathode (left, negatively charged) and anode (right, positively charged)."
/>
</button>
<figcaption>
<p>
<strong>Figure 1</strong>: Glow discharge in a low-pressure tube caused by electric current. Like what Faraday saw, the tube shows a dark space between the glows around the cathode (left, negatively charged) and anode (right, positively charged).
</p>
<span class="credit">image ©Andrejdam/Wikimedia</span>
</figcaption>
</figure>
</div>