Captions

Captions are supported out of the box, simply add new element to your container and use f-panzoom__caption class name.

If you want to enable text selection in the caption (or any other element inside container), add data-selectable data attribute.

html

<div class="f-panzoom" id="myPanzoom">
  <img class="f-panzoom__content" src="https://lipsum.app/id/15/1600x1200" />
  <div class="f-panzoom__caption" data-selectable>
    Lorem ipsum dolor sit amet, consectetur adipiscing.<br />
    Quisque eu ornare ante, et gravida mauris.
  </div>
</div>

Lorem ipsum dolor sit amet, consectetur adipiscing.
Quisque eu ornare ante, et gravida mauris.

Captions #

Captions