Skip to content
Zoomable Image

Functioning

This library works with image and picture elements.

  • The alt attribute will be transferred to the zoomed image. If not, an empty alt will be placed.

  • The src attribute will generate the zoomed image. When using a picture element, the library will utilize the currentSrc.

  • Within your markup, you have the option to include a data-zoomable-hd attribute with an alternative image src. This image will replace the original image src. This is useful when you want to show a better quality image in the zoomed one.