IIIF Deep-Zoom Before/After Block
IIIF Deep-Zoom Before/After Block
Description
This block is purpose-built for galleries, museums, restoration projects, cartography, and microscopy.
Paste two IIIF endpoints (either Image API info.json or manifests v2/v3) and get a deep-zoom comparison with lockstep pan/zoom.
Features
* Synchronized pan/zoom using OpenSeadragon (bundled, BSD-3-Clause)
* Accepts IIIF Image API info.json or IIIF Manifests (v2/v3)
* Draggable reveal slider + accessible range input
* Labels (e.g., “Before” / “After”), start position, and optional badges
* Align wide/full support; server-side render with sanitized output
* No tracking, no external calls beyond the IIIF URLs you provide
Privacy
This plugin does not collect, store, or transmit personal data.
Installation
- Upload the
iiif-deep-zoom-before-after-blockfolder to/wp-content/plugins/. - Ensure
blocks/iiif-before-after/lib/openseadragon/containsopenseadragon.jsandopenseadragon.min.js. - Activate the plugin through Plugins Installed Plugins.
- In the block editor, insert IIIF Deep-Zoom Before/After.
- In the sidebar, paste two IIIF URLs (either
.../info.jsonor a manifest URL).
Faq
- IIIF Image API
info.json(level 1/2/3) – recommended. - IIIF Presentation API manifests (v2 and v3). The block picks the first canvas’s first image automatically.
No. Scripts and styles are registered and only enqueued where the block appears.
Yes. OpenSeadragon is BSD-3-Clause, which is compatible with GPL.
Reviews
Changelog
1.0.0
- Initial release.
