This plugin simply packages the RWD Image Maps jQuery plugin for use in WordPress, providing an easy way to make image maps responsive in any WordPress theme.
You can download the plugin from its page on WordPress Extend.
To manually install the plugin, follow these steps:
- 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.
- Activate the plugin through the ‘Plugins’ menu in WordPress
- There is no third step. Your image maps should now be responsive.
- 1.3 (2012-11-16)
- 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 (2012-10-08)
- 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 (2012-08-16)
- Fixed path to jQuery plugin
- Updated readme file
- 1.0 (2012-08-15)
- Initial release
Your image map needs to keep the original width and height attributes in the HTML markup for the RWD Image Maps jQuery plugin to function properly. This limitation has been removed in version 1.4 of the jQuery RWD Image Maps plugin (WordPress plugin version 1.3). The Responsive Image Maps WordPress plugin will add the CSS styles
max-width: 100%; height: auto; to all image maps, which will override the HTML width and height attributes for the image map’s display.
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.
If you need help, please do not comment on this page asking for help. Instead, open a new thread on the plugin’s support forum on WordPress extend. That way others will be more likely to see your thread and benefit from the solution, or possibly even help you themselves.