This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Responsive Image Maps

Description

This plugin simply packages the RWD Image Maps jQuery plugin for use in WordPress, providing an easy way to make image maps responsive in a WordPress theme.

This plugin is licensed under the GPLv2, and the jQuery plugin is licensed under the MIT license.

Javascript Warning

It goes without saying, but the RWD Image Maps jQuery plugin requires javascript to be enabled in the user’s browser for it to work its magic.

Need Help?

If you have questions or problems with the RWD Image Maps jQuery plugin itself (not the WordPress wrapper for it), go to the jQuery RWD Image Maps plugin page on GitHub.

Installation

To manually install the plugin, follow these steps:

  1. Download and unzip the plugin, and upload the ‘responsive-image-maps’ folder to your /wp-content/plugins/ directory. Or, download the plugin, and upload the ZIP file using the plugin uploader in the ‘Plugins’ menu in WordPress.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. There is no third step. Your image maps should now be responsive.

FAQ

Installation Instructions

To manually install the plugin, follow these steps:

  1. Download and unzip the plugin, and upload the ‘responsive-image-maps’ folder to your /wp-content/plugins/ directory. Or, download the plugin, and upload the ZIP file using the plugin uploader in the ‘Plugins’ menu in WordPress.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. There is no third step. Your image maps should now be responsive.

Reviews

Working with 4.9.7

I manually added <map> </map> sections with href sections for three images sized for different screen sizes – one each for tiny, tablet and desktop screen sizes. Before installing the plugin the image map overlay was clearly larger than the displayed image, judging by where in the image display the href url displayed at the bottom of the browser changed as I moved the mouse over the image.
It appears that after installing the plugin, the displayed image is now larger, and matches the map of the image.

2018 And Still Going Strong

It’s been 3 years since this plugin was updated and still – not a single deprecated php call, passed the Plugin Inspector (plugin) with flying colors, and we have been using this since 2013 without a hiccup. This is a truly solid plugin.

Read all 58 reviews

Contributors & Developers

“Responsive Image Maps” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.4

1.3

  • Updated the RWD Image Maps jQuery plugin to version 1.4. Images are no longer required to have width/height attributes.
  • Updated readme.txt

1.2

  • Updated the jQuery RWD Image Maps plugin to version 1.3, which adds IE8 support: https://github.com/stowball/jQuery-rwdImageMaps/pull/7

1.1

  • Fixed path to jQuery plugin
  • Updated readme file

1.0

  • Initial release