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.

Screenshots

Blocks

This plugin provides 1 block.

  • IIIF Deep-Zoom Before/After Compare two IIIF (tiled) images with synchronized pan/zoom using OpenSeadragon.

Installation

  1. Upload the iiif-deep-zoom-before-after-block folder to /wp-content/plugins/.
  2. Ensure blocks/iiif-before-after/lib/openseadragon/ contains openseadragon.js and openseadragon.min.js.
  3. Activate the plugin through Plugins Installed Plugins.
  4. In the block editor, insert IIIF Deep-Zoom Before/After.
  5. In the sidebar, paste two IIIF URLs (either .../info.json or a manifest URL).

FAQ

What IIIF sources are supported?

  • 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.

Does it load assets on every page?

No. Scripts and styles are registered and only enqueued where the block appears.

Is OpenSeadragon GPL-compatible?

Yes. OpenSeadragon is BSD-3-Clause, which is compatible with GPL.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“IIIF Deep-Zoom Before/After Block” is open source software. The following people have contributed to this plugin.

Contributors

Change log

1.0.0

  • Initial release.