{"id":254084,"date":"2025-10-02T14:44:28","date_gmt":"2025-10-02T14:44:28","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/iiif-deep-zoom-beforeafter-block\/"},"modified":"2025-10-02T14:44:16","modified_gmt":"2025-10-02T14:44:16","slug":"iiif-deep-zoom-before-after-block","status":"publish","type":"plugin","link":"https:\/\/fuc.wordpress.org\/plugins\/iiif-deep-zoom-before-after-block\/","author":23362138,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.0","stable_tag":"1.0.0","tested":"6.8.5","requires":"6.4","requires_php":"8.1","requires_plugins":null,"header_name":"IIIF Deep-Zoom Before\/After Block","header_author":"Pixy Puala","header_description":"Compare two IIIF images with a draggable before\/after and synchronized deep zoom.","assets_banners_color":"5177a9","last_updated":"2025-10-02 14:44:16","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/iiif-deep-zoom-before-after-block\/","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":213,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"pixypuala","date":"2025-10-02 14:44:16"}},"upgrade_notice":{"1.0.0":"

Initial release.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3371844,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3371844,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3371844,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3371844,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":{"iidzb\/iiif-before-after":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":2,"name":"iidzb\/iiif-before-after","title":"IIIF Deep-Zoom Before\/After","category":"media","description":"Compare two IIIF (tiled) images with synchronized pan\/zoom using OpenSeadragon.","keywords":["iiif","before after","comparison","deep zoom","openseadragon"],"textdomain":"iiif-deep-zoom-before-after-block","attributes":{"leftUrl":{"type":"string","default":""},"rightUrl":{"type":"string","default":""},"leftLabel":{"type":"string","default":""},"rightLabel":{"type":"string","default":""},"start":{"type":"number","default":50},"syncZoom":{"type":"boolean","default":true},"showBadges":{"type":"boolean","default":true}},"supports":{"align":["wide","full"],"html":false},"editorScript":"file:index.js","editorStyle":"file:editor.css","style":"file:style.css","viewScript":"file:view.js","render":"file:render.php"}},"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3371844,"resolution":"1","location":"assets","locale":""}},"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[11619,6808,248674,248305,163],"plugin_category":[50],"plugin_contributors":[247506],"plugin_business_model":[],"class_list":["post-254084","plugin","type-plugin","status-publish","hentry","plugin_tags-before-after","plugin_tags-comparison","plugin_tags-deep-zoom","plugin_tags-iiif","plugin_tags-images","plugin_category-media","plugin_contributors-pixypuala","plugin_committers-pixypuala"],"banners":{"banner":"https:\/\/ps.w.org\/iiif-deep-zoom-before-after-block\/assets\/banner-772x250.png?rev=3371844","banner_2x":"https:\/\/ps.w.org\/iiif-deep-zoom-before-after-block\/assets\/banner-1544x500.png?rev=3371844","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/iiif-deep-zoom-before-after-block\/assets\/icon-128x128.png?rev=3371844","icon_2x":"https:\/\/ps.w.org\/iiif-deep-zoom-before-after-block\/assets\/icon-256x256.png?rev=3371844","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/iiif-deep-zoom-before-after-block\/assets\/screenshot-1.png?rev=3371844","caption":""}],"raw_content":"\n

This block is purpose-built for galleries, museums, restoration projects, cartography, and microscopy.\nPaste two IIIF endpoints (either Image API info.json<\/code><\/strong> or manifests v2\/v3<\/strong>) and get a deep-zoom comparison with lockstep pan\/zoom.<\/p>\n\n

Features<\/strong>\n* Synchronized pan\/zoom using OpenSeadragon (bundled, BSD-3-Clause)\n* Accepts IIIF Image API info.json<\/code> or IIIF Manifests (v2\/v3)\n* Draggable reveal slider + accessible range input\n* Labels (e.g., \"Before\" \/ \"After\"), start position, and optional badges\n* Align wide\/full support; server-side render with sanitized output\n* No tracking, no external calls beyond the IIIF URLs you provide<\/p>\n\n

Privacy<\/strong>\nThis plugin does not collect, store, or transmit personal data.<\/p>\n\n\n

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

    What IIIF sources are supported?<\/h3><\/dt>\n
      \n
    • IIIF Image API info.json<\/code> (level 1\/2\/3) \u2013 recommended.<\/li>\n
    • IIIF Presentation API manifests (v2 and v3). The block picks the first canvas's first image automatically.<\/li>\n<\/ul><\/dd>\n

      Does it load assets on every page?<\/h3><\/dt>\n

      No. Scripts and styles are registered and only enqueued where the block appears.<\/p><\/dd>\n

      Is OpenSeadragon GPL-compatible?<\/h3><\/dt>\n

      Yes. OpenSeadragon is BSD-3-Clause, which is compatible with GPL.<\/p><\/dd>\n\n<\/dl>\n\n\n

      1.0.0<\/h4>\n\n
        \n
      • Initial release.<\/li>\n<\/ul>","raw_excerpt":"Compare two ultra-high-resolution IIIF images with a draggable before\/after reveal and synchronized pan\/zoom, powered by OpenSeadragon.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/fuc.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/254084","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fuc.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/fuc.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/fuc.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=254084"}],"author":[{"embeddable":true,"href":"https:\/\/fuc.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/pixypuala"}],"wp:attachment":[{"href":"https:\/\/fuc.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=254084"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/fuc.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=254084"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/fuc.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=254084"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/fuc.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=254084"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/fuc.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=254084"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/fuc.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=254084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}