All In One Image Viewer – showcase images with zoom, pan and compare

Turn static images into interactive experiences visitors can zoom, magnify, rotate, compare, and explore – all from one Gutenberg block.

Image Viewer | Documentation | Pricing | Support

Why All In One Image Viewer?

Most sites need several plugins to get image zoom, a magnifier, an image map, and a before/after slider. All In One Image Viewer combines multiple image interaction technologies into a single Gutenberg block: Image Zoom, Image Magnifier, Image Map, Image Rotation, Hotspot Annotations, Image Comparison Slider, Zoom Pan Viewer, Image Overlay, Image Masking, Image Transform, Viewport Controls, and Aspect Ratio management – no code required.

Whether you run an eCommerce store, photography portfolio, real estate website, educational platform, art gallery, media site, agency, or business website, this plugin makes it easy to display images in a more engaging and interactive way. It is lightweight, performance-optimized, and works smoothly on desktop, tablet, and mobile – including touch gestures.

Free Features

• Four Image Viewer Modes: Choose from Zoom, Magnify, Map, and Rotation viewer modes to display images the most suitable way for your content.
• Zoom Viewer with Full Controls: Enable or disable Pan, Zoom, X-Axis, and Y-Axis; set Start Scale and Zoom Step for precise image inspection.
• Magnify Viewer Options: Highlight specific image areas using magnification with adjustable speed and timeout settings.
• Interactive Image Map: Add multiple map items with control over link URL, link target, title, width and height, top/left positioning, and drag-and-drop placement.
• Rotation Viewer: Rotate images smoothly with custom width/height, auto-rotation on/off, auto-rotate speed, and show/hide rotation controls.
• Responsive & Touch Friendly: Works smoothly on desktop, tablet, and mobile, including touch gestures.
• Unlimited Usage: Use the Image Viewer block as many times as you want across posts and pages.
• Theme Compatibility: Fully compatible with all standard WordPress themes.
• Lightweight & Performance Optimized: Clean, optimized code for fast loading and smooth interaction.

Pro Version

• 9 Premium Viewer Styles: Professionally designed styles for modern, visually appealing image presentation.
• Interactive Image Accordion: Display multiple images in a sleek accordion that expands on hover or click – perfect for portfolios, product features, and team members, with custom titles and descriptions.
• Zoom Pan Viewer: Advanced zoom and pan with control over viewer size, zoom in/out, drag-and-pan interaction, header buttons, and smooth mouse, scroll, and touch support.
• Image Comparison Slider: Interactive before/after comparison with image swap, label show/hide and positioning, custom before/after texts, divider icon customization, and optional control buttons.
• Hotspot Annotations: Add, delete, and duplicate hotspots with precise X/Y positioning, tooltips, ping animation, custom titles and descriptions, button icon/text, and URL linking.
• Transform Image: Rotation angle, flip direction, brightness and contrast adjustment, and one-click reset.
• Masking: Creative image masking with control over mask shape, size, position, repeat behavior, and dimensions.
• Multi Image Overlay: Layered overlays with add/delete/duplicate, per-image visibility, opacity control, and precise sizing.
• Image Viewport: Separate width and height settings for desktop, tablet, and mobile.
• Image Aspect Ratio: Predefined ratios (1:1, 16:9, 4:3, 3:2, 21:9) with object-fit modes and background color control.
• Custom Styling & Typography: Border radius, backgrounds, shadows, padding, margins, plus font family, size, weight, line height, color, and alignment for titles, labels, and captions.

How to Use – Quick Start

1. Install and activate the All In One Image Viewer plugin.
2. In the Gutenberg editor, add the Image Viewer block from the “Widgets” block category.
3. Pick a viewer mode and adjust settings from the right-side settings sidebar.
4. Publish and enjoy!

Use Cases

• eCommerce Stores: Let shoppers zoom and magnify product images before buying.
• Photography Portfolios: Present work with pan, zoom, and professional viewers.
• Real Estate Websites: Highlight property details with hotspots and image maps.
• Education Platforms: Annotate diagrams and visuals with interactive hotspots.
• Agencies & Businesses: Show before/after transformations with the comparison slider.

External Services

This plugin connects to the following external services from the admin dashboard:

bPlugins Products API

• Service URL: https://api.bplugins.com
• Purpose: The plugin’s admin dashboard fetches product comparison data and pricing information to display relevant upgrade options and feature details.
• Data Sent: Only the plugin slug is transmitted; no personal or site data is collected.
• Terms of Service: https://bplugins.com/terms-of-service/
• Privacy Policy: https://bplugins.com/privacy-policy/

Freemius (wp.freemius.com)

• Endpoint: https://wp.freemius.com/
• Used for: Processing plugin opt-in consent form submissions.
• Data sent: Only after explicit user opt-in — user name, email, site URL, WP/PHP version, plugin version.
• Terms of Service: https://freemius.com/terms/
• Privacy Policy: https://freemius.com/privacy/

WordPress.org Plugins API

• Service URL: https://api.wordpress.org
• Purpose: The admin dashboard queries the official WordPress.org Plugins API to retrieve and display a curated list of other plugins by the same author (“Our Plugins” section).
• Data Sent: Plugin slugs and author name; no personal or site data is collected.
• Terms of Service: https://wordpress.com/tos/
• Privacy Policy: https://wordpress.org/about/privacy/

Third-Party Libraries

• Source / GitHub: Bpl-Tools GitHub
• License: GPL-2.0-or-later
• Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls.
• External Services: The library may connect to bPlugins, WordPress.org, and Freemius services for product data and checkout functionality. See full details: https://github.com/bPlugins/bpl-tools#external-requests–why-they-are-made