Title: All In One Image Viewer Block – Gutenberg block to create image viewer with hyperlink
Author: bPlugins
Published: <strong>April 5, 2024</strong>
Last modified: April 3, 2026

---

Search plugins

![](https://ps.w.org/image-viewer/assets/banner-772x250.png?rev=3405983)

![](https://ps.w.org/image-viewer/assets/icon-128x128.png?rev=3065410)

# All In One Image Viewer Block – Gutenberg block to create image viewer with hyperlink

 By [bPlugins](https://profiles.wordpress.org/bplugins/)

[Download](https://downloads.wordpress.org/plugin/image-viewer.1.0.5.zip)

[Live Preview](https://wordpress.org/plugins/image-viewer/?preview=1)

 * [Details](https://wordpress.org/plugins/image-viewer/#description)
 * [Reviews](https://wordpress.org/plugins/image-viewer/#reviews)
 *  [Installation](https://wordpress.org/plugins/image-viewer/#installation)
 * [Development](https://wordpress.org/plugins/image-viewer/#developers)

 [Support](https://wordpress.org/support/plugin/image-viewer/)

## Description

All In One Image Viewer Block is a customizable WordPress plugin that includes zoom,
pan, map, zoom pan viewer, viewport,comparison slider, aspect ratio, masking, transform
and magnify options for a more immersive image viewing experience.

**[Demos](https://bplugins.com/products/image-viewer/)** | **[Documentation](https://bplugins.com/docs/image-viewer)**

### Key Features – Free Version

 * **Four Image Viewer Modes**: Choose from Zoom, Magnify, Map, and Rotation viewer
   modes to display images in 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 control 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 on an image with full control
   over: Link URL, Link target, Title, Width & height, Top & left positioning, Drag&
   drop placement for each map item.
 * **Rotation Viewer**: Rotate images smoothly with options to: Set custom width
   and height, Enable or disable auto-rotation, Control auto-rotate speed, Hide 
   or show rotation controls.
 * **Responsive & Touch Friendly** : Works smoothly on desktop, tablet, and mobile
   devices, including touch gestures.
 * **Unlimited Usage**: Use the Image Viewer block unlimited times across posts 
   and pages.
 * **Theme Compatibility**: Fully compatible with all standard WordPress themes.
 * **Lightweight & Performance Optimized**: Clean and optimized code ensures fast
   loading and smooth interaction.

### Pro Version Features

 * **8 Premium Viewer Styles**: Choose from 8 professionally designed styles for
   modern and visually appealing image presentation.
 * **Fully Responsive Design**: All Pro styles are 100% responsive, optimized for
   desktop, tablet, and mobile devices.
 * **Custom Styling Options**: Control border radius, background colors, shadows,
   padding, margins, and image positioning — design each viewer your way.
 * **Advanced Typography Controls**: Customize font family, size, weight, line height,
   color, and alignment for titles, labels, and captions.
 * **Zoom Pan Viewer**: Advanced zoom and pan image viewing with full control over
   viewer width & height, zoom in/out, drag & pan interaction, header buttons, and
   smooth mouse, scroll, and touch gesture support.
 * **Transform Image**: Advanced image transformation with full control over viewer
   width & height, image rotation angle, flip direction, brightness and contrast
   adjustment, and one-click reset for precise visual tuning.
 * **Masking**: Creative image masking with full control over mask shape, size, 
   position, repeat behavior, and custom width & height to highlight or reveal specific
   areas with precision.
 * **Image Comparison Slider**: Interactive before/after image comparison with full
   control over viewer width & height, image swap, label show/hide, label position,
   custom before/after texts, divider icon customization, and optional control buttons
   for a clear comparison experience.
 * **Image Viewport**: Device-based image viewport control with separate width and
   height (settings for desktop, tablet, and mobile, ensuring perfectly optimized
   image display on every screen.
 * **Multi Image Overlay**: Display multiple images in layered overlay mode with
   add, delete, and duplicate, individual visibility toggle, opacity control, and
   precise width & height settings for advanced visual composition.
 * **Hotspot Annotations**: Create interactive image hotspots with add, delete, 
   and duplicate hotspot support, precise X/Y positioning, tooltip enable/disable,
   ping animation toggle, footer show/hide, custom hotspot title & description, 
   button icon, button text, URL linking with new-tab option, and full control over
   viewer width & height.
 * **Image Aspect Ratio**: Choose predefined aspect ratios (1:1, 16:9, 4:3, 3:2,
   21:9) with object-fit modes (cover, contain, fill) and custom background color
   control to ensure perfectly proportioned images across all layouts and devices.

### The Best All In One Image Viewer Plugin For WordPress Is Here ★★★★

All In One Image Viewer is a versatile WordPress plugin that provides an intuitive
and user-friendly interface for viewing images. With various customization options
and features, including zooming, panning, and fullscreen mode, it offers a seamless
and immersive image viewing experience for your website visitors.

The All In One Image Viewer plugin allows you to easily view images in a variety
of ways. User can view desired images depending on the type of viewer used. There
are eight modes in total: Zoom, Magnify, Map, Zoom Pan Viewer, Viewport,Comparison
Slider, Aspect Ratio, Masking, Transform, Multi Image Overlay, Hotspot and Rotation.
This plugin will be the best to improve your image viewing experience.

You can examine different areas of the image more closely using the zoom option.
This is especially helpful when checking small text or other details.

By activating the Magnify feature you can magnify certain areas together, which 
is very helpful for creative design or photography.

Moreover, the map feature allows you to quickly scroll to any specific area of ​​
the image, facilitating navigation between large images.

You can rotate the image to different angles using the rotation function, which 
will help to understand different characters or subjects from different perspectives.

### ALL IN ONE IMAGE VIEWER IS PERFECT FOR

 * **Photo Galleries**
 * **Media Websites**
 * **E-commerce**
 * **Presentations and Slideshows**
 * **Photography Websites**
 * **Art Galleries**

### ALL IN ONE IMAGE VIEWER PLUGIN GAME-CHANGING FEATURES

See the features that make Image-viewer the **Best All In One Image Viewer for WordPress**.

 * Eight types of image view: Map, Zoom, Magnify, Zoom Pan Viewer, Viewport, Comparison
   Slider, Aspect Ratio, Masking, Transform, Multi Image Overlay, Hotspot and Rotation.
 * Map Options: You can add numerous map items.
    Each item’s link, title, width,
   height, top, and left can be specified. You can set the link target to _blank,
   _self. Individual maps are draggable and droppable.
 * Zoom Options: Enable/disable Pan, Zoom, X Axis, And Y Axis; Set Start Scale and
   Step.
 * Magnify Options: Adjust Speed and Timeout.
 * Rotation Options: Set Width and Height, Enable/disable auto rotation, Adjust 
   auto rotate speed, Hide controls.

### Why All In One Image Viewer is such a game-changer?

 * **Configure** — You can easily modify the Image Viewer plugin to suit your needs.
   Your work will go more quickly thanks to the Image Viewer plugin’s features and
   simplicity of use.
 * **There are eight different viewer types** — rotate, zoom, map, zoom pan viewer,
   viewport, comparison slider, aspect ratio, masking, multi image overlay, hotspot,
   and transform.
 * **Customer Service** — Our staff is always available to assist you. It’s easy
   for users to [**ask questions**](https://bplugins.com/support) and get quick 
   answers.
 * **Updates** — With frequent updates, we bring the functionality and performance
   of the plugin up to date. Upgrading to newer versions is also easy, ensuring 
   uninterrupted service.

#### All In One Image Viewer is perfect for:

✔ Bloggers
 ✔ Course Creators ✔ Coaches / Trainers ✔ eCommerce Store Owners ✔ Niche
Sites ✔ Businesses ✔ Local Businesses ✔ Startups ✔ Personal Brands ✔ Real Estate
Agents ✔ Artists & Photographers ✔ All WordPress Websites

#### How to use

 * First install the All In One Image Viewer plugin.
 * Add the Image viewer block from the block category called “Widgets” in Gutenberg
   editor.
 * You can change block settings from the right-side settings sidebar.
 * Enjoy!
 * For installation help click on Installation Tab

#### Feedback

 * Liked that plugin? Hate it? Want a new feature? [Send me some feedback](https://wordpress.org/support/plugin/click-to-copy/)

## Screenshots

 * [[
 * Zoom Preview
 * [[
 * Zoom Settings
 * [[
 * Magnify Preview & Settings
 * [[
 * Map Preview & Settings
 * [[
 * Map Settings
 * [[
 * Pano or Rotation Preview & Settings
 * [[
 * Transform Image Preview & Settings
 * [[
 * Masking Preview & Settings
 * [[
 * Viewport Preview & Settings
 * [[
 * MultImage Overlay Preview
 * [[
 * MultImage Overlay Settings
 * [[
 * Aspect Ratio Preview
 * [[
 * Aspect Ratio Settings
 * [[
 * Hotspot Annotations Preview
 * [[
 * Hotspot Annotations General Settings
 * [[
 * Hotspot Annotations Style Settings
 * [[
 * Zoom & Pan Viewer Preview
 * [[
 * Zoom & Pan Viewer General & Style Settings
 * [[
 * Image Comparison Slider Preview
 * [[
 * Image Comparison Slider General & Style Settings

## Blocks

This plugin provides 1 block.

 *   Image Viewer A powerful Gutenberg block plugin that lets you display images
   with advanced interactive features like zoom, magnify, map view, hotspots, and
   Comparison Slider.

## Installation

#### From Gutenberg Editor:

 1. Go to the WordPress Block/Gutenberg Editor
 2. Search For **Image viewer**
 3. Click on the **Image viewer** to add the block

#### Download & Upload:

 1. Download the **Image viewer** plugin (_.zip file_)
 2. In your admin area, go to the Plugins menu and click on **Add New**
 3. Click on **Upload Plugin** and choose the **`imager-viewer.zip`** file and click
    on **Install Now**
 4. Activate the plugin and Enjoy!

#### Manually:

 1. Download and upload the **Image viewer** plugin to the **`/wp-content/plugins/`**
    directory
 2. Activate the plugin through the Plugins menu in WordPress

## FAQ

### Is Image viewer free?

Yes, Image viewer is a free Gutenberg block plugin.

### Does it work with any WordPress theme?

Yes, it will work with any standard WordPress theme.

### Can I change block settings?

Yes, you can change block settings from the Gutenberg block editor’s right sidebar.

### How many times can I reuse a block?

You can use unlimited times as you want.

### Does this block require any coding knowledge?

No, this block is beginner-friendly and does not require any coding knowledge to
use.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“All In One Image Viewer Block – Gutenberg block to create image viewer with hyperlink”
is open source software. The following people have contributed to this plugin.

Contributors

 *   [ bPlugins ](https://profiles.wordpress.org/bplugins/)
 *   [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/)
 *   [ tomorbplugins ](https://profiles.wordpress.org/tomorbplugins/)

[Translate “All In One Image Viewer Block – Gutenberg block to create image viewer with hyperlink” into your language.](https://translate.wordpress.org/projects/wp-plugins/image-viewer)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/image-viewer/), check
out the [SVN repository](https://plugins.svn.wordpress.org/image-viewer/), or subscribe
to the [development log](https://plugins.trac.wordpress.org/log/image-viewer/) by
[RSS](https://plugins.trac.wordpress.org/log/image-viewer/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.5 – 4 March 2026

 * Added hotspot annotation size and text elements.

#### 1.0.4 – 23 February 2026

 * Fixed the scroll wheel issue.
 * Fixed the image cropping issue.
 * Duplicate styles of hotspot annotation styles have been removed.

#### 1.0.3 – 29 January, 2026

 * Added New 8 Premium Image Viewer Styles.

#### 1.0.2 – 17 April, 2025

 * Added default image.

#### 1.0.1 – 29 June 2024

 * Changed plugin display name, block name, updated banner, and updated feature 
   map.

#### 1.0.0

 * Initial Release

## Meta

 *  Version **1.0.5**
 *  Last updated **2 weeks ago**
 *  Active installations **200+**
 *  WordPress version ** 5.0 or higher **
 *  Tested up to **6.9.4**
 *  PHP version ** 7.1 or higher **
 * Tags
 * [block](https://wordpress.org/plugins/tags/block/)[Image viewer](https://wordpress.org/plugins/tags/image-viewer/)
   [magnify](https://wordpress.org/plugins/tags/magnify/)[zoom](https://wordpress.org/plugins/tags/zoom/)
 *  [Advanced View](https://wordpress.org/plugins/image-viewer/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/image-viewer/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/image-viewer/reviews/)

## Contributors

 *   [ bPlugins ](https://profiles.wordpress.org/bplugins/)
 *   [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/)
 *   [ tomorbplugins ](https://profiles.wordpress.org/tomorbplugins/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/image-viewer/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://www.buymeacoffee.com/abuhayat)