This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

ImageMapper

Description

ImageMapper is a WordPress plugin designed to add interactivity in images in posts. The plugin was originally designed for web comics, but with its good customization options it can be used for adding interactivity to any kind of images.

Redirecting user to a different page when clicking certain character in a web comic? Displaying a person’s name and home page link in a group photo when mouse is hovering over them? Showing additional info and notes in a large graphs? Possible.

Based on the ImageMapster jQuery plugin. ImageMapster homepage.

The map of Finland in the banner image is provided by National Land Survey of Finland.

Instructions for use are found in Installation page.

About support: This plugin was built during a project that has ended in 2013. Further development resources are very limited. If you need something fixed, most likely you’ll need to fix it yourself. However, any patches are welcome and can be added to the main code base. If someone wants to become a co-author on this plugin, let us know.

Installation

  1. Upload imagemapper folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

How to create a new Image map:

  1. Choose Image maps from the left of WordPress admin panel and create a new image map.
  2. Choose the image file and save the post to upload it.
  3. To add new areas to the image, start creating the path by clicking the image. When the path looks good press Add area. The area will appear in the area list on the image map editing page.
  4. You can edit the content of the area by clicking Edit page from the area list.

How to insert image map to a post:

  1. Adding image map to the post is simple. After you have created the image map, go to the post page.
  2. Click Add Media (or Insert/Upload media) and choose Image map tab.
  3. Click the image map you want to insert into the post.

Reviews

Picking area not working properly

Hi,
after we upload a map of a State and when we an area, it just doesnt work. You should be able to click on any point on that area, unfortunately it doesnt work like that. Our issue is in the selected area maybe half of it work. Any ideas what could be the issue ?

Solid!

This freebie, although unsupported since 2014 still beats many premium image mappers hands down. Easy to use and implement it just works – no hassles, no coding – 5 STARS all day long.

Simple. Easy. Works Well

I am using this with the latest version of WordPress and it works fine. The reason for the 4 rather than 5 stars? At this time the plugin doesn’t appear to support opening a URL in a new window.

This is such an important function. When we design a web site we don’t want the user to be take away from the site to another site. Is there a way we can get this plugin to open a target=_blank page when URL is selected?

It would be such a pity if this plugin is not supported any more as it’s one of the nicest and easiest I’ve come across.

Read all 37 reviews

Contributors & Developers

“ImageMapper” is open source software. The following people have contributed to this plugin.

Contributors

Translate “ImageMapper” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.2.6

  • Fixed imagemap calls so that both shortcodes and template embeds work correctly. Kudos to edanwp!

1.2.5

  • Fixed CSS so imagemaps work on responsive sites. Kudos to Pourgt!

1.2.4

  • Fixed to work with WordPress 4.0.1. Kudos to Samatva!

1.2.3

  • Imagemap areas no longer show up in search results.
  • Minor fixes to visual editor problems.

1.2.2

  • Bug fixes
  • Added new popup layout. Can be enabled/disabled from Imagemap Settings. Mainly an alternative option if the old layout doesn’t work well.

1.2.1

  • Fluid width popup window.

1.2

  • Support for WordPress internal linking.
  • Highlight in the area editor now corresponds the style setting of each area.
  • A few GUI tweaks.

1.1.1

  • Small bug fixes focusing on conflicts with other plugins.

1.1

  • Popup windows can now be closed by clicking outside the window.
  • Admins can now choose if they want to show all the image map areas for a short time when user moves the mouse on the image (for the first time or always). This helps users to realize that they can get additional information about the image by searching for highlights.
  • Minor bug fixes.

1.0

  • Fixed a bug with scandinavian letters in tooltips.
  • Added a fallback links setting for image maps. Admins can choose if they want to show links corresponding the areas of the image map below the image to the user.
  • Disabled scrolling effect in Image map editor page.

0.5

  • Fixed bug where a highlight’s fill opacity affected to the stroke opacity in style preview.
  • Added color picker support for highlight fill color and stroke color fields. (Using the Iris color picker introduced in WP 3.5)
  • Changed popup dialog layout to match tooltip layout.
  • HTML title attribute can now be edited separately from the post title. (The attribute shows as a small tooltip when hovering over an area and might be distracting if there’s already a tooltip.)
  • Highlight styles can now be edited and deleted.

0.4

  • Added menu icons for Image maps and areas.
  • Different styles for area highlights including fill color with opacity and stroke with color, opacity and width.
  • Adding custom styles for highlights area also possible.

0.3

  • Fixed a bug which prevented inserting image map to the post with Insert media window in WordPress 3.5
  • Images of image maps in archive pages.
  • Click events: Possibility to choose if an area acts as a regular link, shows a tooltip when hovering or opens up a post content in a dialog.
  • Prevent adding an empty area or area with only two points.

0.2

  • Support for adding image maps in posts.
  • Support for multiple image maps.

0.1

  • First release.