Image Map Block – Gutenberg block to create image map with hyperlink

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

Demos | Documentation

Features

• Four types of image view: Map, Zoom, Magnify, 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, _parent, and _top.
  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.

How to use

• First install the 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

1.0.1 – 29 June 2024

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

1.0.0

• Initial Release

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