Donncha O Caoimh (a11n)

<p><strong>Panoramic Image Block</strong> is a powerful WordPress Gutenberg plugin that provides two specialized blocks for displaying panoramic images with interactive viewers. Perfect for showcasing landscapes, architecture, events, or any wide-angle view.</p>
<h3>Two Block Types</h3>
<h4>1. Panoramic Image Block (3 Images)</h4>
<p>Creates panoramic images by automatically stitching together 3 uploaded images.</p>
<h4>2. Single Panoramic Image Block (1 Image)</h4>
<p>Displays a single large panoramic image with full interactive viewer capabilities.</p>
<h3>Key Features</h3>
<ul>
<li><strong>Dual Block Support</strong> – Choose between 3-image stitching or single image display</li>
<li><strong>Easy Image Selection</strong> – Upload images directly from your WordPress media library</li>
<li><strong>Automatic Stitching</strong> – 3 images are seamlessly combined into a single panoramic view</li>
<li><strong>Interactive Viewer</strong> – Click thumbnails to open full-screen panoramic viewers</li>
<li><strong>Touch & Mouse Support</strong> – Drag to pan on both desktop and mobile devices</li>
<li><strong>Zoom Functionality</strong> – Zoom in/out with mouse wheel, buttons, or keyboard shortcuts</li>
<li><strong>Keyboard Navigation</strong> – Full keyboard support for accessibility (arrow keys, +/-, 0 to reset)</li>
<li><strong>Responsive Design</strong> – Works perfectly on all screen sizes and devices</li>
<li><strong>Accessibility Ready</strong> – ARIA labels, screen reader support, and keyboard navigation</li>
<li><strong>No External Dependencies</strong> – Works entirely within WordPress, no third-party services</li>
</ul>
<h3>How It Works</h3>
<h4>Panoramic Image Block (3 Images)</h4>
<ol>
<li>Add the “Panoramic Image Block” to your post or page</li>
<li>Select 3 images from your media library</li>
<li>Add alt text for accessibility</li>
<li>Publish your content</li>
<li>Visitors can click the thumbnail to explore the panoramic view</li>
</ol>
<h4>Single Panoramic Image Block (1 Image)</h4>
<ol>
<li>Add the “Single Panoramic Image Block” to your post or page</li>
<li>Select 1 large panoramic image from your media library</li>
<li>Add alt text for accessibility</li>
<li>Publish your content</li>
<li>Visitors can click the thumbnail to explore the panoramic view</li>
</ol>
<h3>Perfect For</h3>
<ul>
<li><strong>Real Estate</strong> – Showcase property interiors and exteriors</li>
<li><strong>Travel & Tourism</strong> – Display scenic landscapes and cityscapes</li>
<li><strong>Architecture</strong> – Present building designs and spaces</li>
<li><strong>Events</strong> – Capture wide venue shots and group photos</li>
<li><strong>Art & Photography</strong> – Create immersive visual experiences</li>
</ul>
<p>The plugin requires no configuration – simply install, activate, and start creating panoramic content!</p>
<h3>Development</h3>
<p>This plugin is actively developed on GitHub. Contributions, bug reports, and feature requests are welcome!</p>
<p><strong>GitHub Repository:</strong> https://github.com/donnchawp/panoramic-image-block</p>
<h3>Browser Support</h3>
<ul>
<li>Chrome 60+</li>
<li>Firefox 55+  </li>
<li>Safari 12+</li>
<li>Edge 79+</li>
<li>Mobile browsers with Canvas support</li>
</ul>
<h3>WordPress Compatibility</h3>
<ul>
<li>WordPress 6.0+</li>
<li>PHP 7.4+</li>
<li>Gutenberg block editor</li>
</ul>
<h3>Privacy</h3>
<p>This plugin does not collect any user data. All image processing happens locally in the user’s browser using HTML5 Canvas. No images are sent to external services.</p>


Panoramic Image Block

Display panoramic images with interactive viewers. Display panoramas from single or 3 stitched images with drag, zoom, and keyboard navigation.

Brad Salomons

<p>A simple plugin to add a block to WordPress posts and pages to display panoramic images as a lightly-configurable, content-width image with horizontal sliding controls.</p>
<p>I personally take a lot of panoramic photos on my phone, you know the kind: big, ultrawide images in “pano” mode. When I upload them to my blog they are either cropped or shrunk so small that they are not especially impressive to display.</p>
<p>My solution was a simple horizontally scrolling image. The block displays a properly proportioned image as set by the fixed image height in the editor, except the overflow disappears into the magical void that is the margin of your content width. Using the buttons, scrollbar or a finger on mobile, the user can scroll the image back and forth, left to right, allowing a simple but effective sharing of images in a more enjoyable resolution.</p>


Panoramic Slider Block

Add a block to WordPress posts and pages to display panoramic images as a lightly-configurable, content-width image with horizontal sliding controls.

Panoramic Image Block vs Panoramic Slider Block