Skip to content

Zoom & pan

Double-tap or scroll to zoom, drag to pan, with ARIA-friendly controls.

image

Preview

Props & interactive options

Prop Type Default Description Try it
enable_zoom url param 1 Enable zoom gestures and toolbar buttons.
enable_fullscreen url param 1 Expose the fullscreen toggle.
Browsers block autoplay with sound. Enabling auto_play automatically enables muted so playback can start; viewers can then unmute manually.

Keyboard shortcuts

Navigation

Previous image
Next image

Zoom

Zoom in +
Zoom out -
Reset zoom 0
Toggle fullscreen F

Click on the player first to give it focus, then use these shortcuts.

Documentation

Pinch, scroll, or double-tap to zoom into an image. Once zoomed, drag or swipe to pan around. Every gesture has a keyboard and button equivalent, so the viewer stays usable with any input device. Reset to 100% with 0 or the reset button in the toolbar.

Code

HTML

Frequently asked questions

Yes. As soon as the zoom level crosses the threshold for a larger variant, the viewer swaps the source for the next size up and crops into it. This keeps the initial payload small while still rendering sharp pixels at any zoom.

Set enable_zoom=0 on the embed URL. The toolbar buttons and gestures are hidden, and double-taps simply advance to the next image instead.