Title: Responsive Image Maps
Author: Philip Newcomer
Published: <strong>2012 年 8 月 16 日</strong>
Last modified: 2014 年 12 月 26 日

---

搜索插件

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://s.w.org/plugins/geopattern-icon/responsive-image-maps.svg)

# Responsive Image Maps

 作者：[Philip Newcomer](https://profiles.wordpress.org/philipnewcomer/)

[下载](https://downloads.wordpress.org/plugin/responsive-image-maps.1.4.zip)

 * [详情](https://cn.wordpress.org/plugins/responsive-image-maps/#description)
 * [评价](https://cn.wordpress.org/plugins/responsive-image-maps/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/responsive-image-maps/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/responsive-image-maps/#developers)

 [支持](https://wordpress.org/support/plugin/responsive-image-maps/)

## 描述

This plugin simply packages the [RWD Image Maps](https://github.com/stowball/jQuery-rwdImageMaps)
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](https://github.com/stowball/jQuery-rwdImageMaps)
on GitHub.

## 安装

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. 通过WordPress的“插件”菜单激活插件
 3. There is no third step. Your image maps should now be responsive.

## 常见问题

  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. 通过WordPress的“插件”菜单激活插件
 3. There is no third step. Your image maps should now be responsive.

## 评价

![](https://secure.gravatar.com/avatar/0e8552a1bbb13768d79a416ef2ae74c3f05f06861dacbc962d8cd5a4b307da9e?
s=60&d=retro&r=g)

### 󠀁[Perfect, saved me a lot of time.](https://wordpress.org/support/topic/perfect-saved-me-a-lot-of-time/)󠁿

 [kahlidah](https://profiles.wordpress.org/kahlidah/) 2022 年 10 月 31 日

I had created an image map with pure html on wordpress, and it was perfect except
for the responsive scaling. I thought I was in for a whole redo of it all, but I
installed this plug in and all I had to was activate it and bang..everything scaling
perfect without me having to do a thing. Thank you so much for this. I hope it continues
to work with future wp updates and will check on that when needed, but for now, 
its works perfectly.

![](https://secure.gravatar.com/avatar/8b10ec78414020553bb400fbf8da810d71148fdcae371bb5ea9b634e90e7d1a0?
s=60&d=retro&r=g)

### 󠀁[Awesome](https://wordpress.org/support/topic/awesome-8980/)󠁿

 [kavamura](https://profiles.wordpress.org/kavamura/) 2021 年 8 月 12 日

It works!

![](https://secure.gravatar.com/avatar/59c8af31fc8e24dc0b9dab5b4cf98974eea3a108a871a2c47cf0240bc4fb849c?
s=60&d=retro&r=g)

### 󠀁[August 2020 Still Works](https://wordpress.org/support/topic/august-2020-still-works/)󠁿

 [awalsadja](https://profiles.wordpress.org/awalsadja/) 2020 年 8 月 29 日 1 回复

This is the one and only such kind of plugin August 2020, Wordpress 5.5, still perfect

![](https://secure.gravatar.com/avatar/e9cdc9c26c0fc0d4fba32fefc36d7f95352dfe130a4a5d50643d1c8395e884d0?
s=60&d=retro&r=g)

### 󠀁[No longer works afaict](https://wordpress.org/support/topic/no-longer-works-afaict/)󠁿

 [pcnoggin](https://profiles.wordpress.org/pcnoggin/) 2019 年 9 月 21 日 4 回复

I couldn’t tell you which version but after one of the latest updates to WordPress,
the plugin no longer works for me. It was bound to happen. Email warnings have been
issued by WordPress for some time. It hasn’t been tested for the last three major
releases of WordPress. Looks as though the plugin development and support has been
completely abandoned from looking at the support tickets. I have a simple site using
this plugin so it’s not likely to be an issue of a conflict with another plugin.
Still could be something on my end but … my take: find another avenue to explore.
This is not the plugin you are looking for.

![](https://secure.gravatar.com/avatar/848d0382fad5b2a9f30ee86535fa8d3ed26baaef7d79b41e90c80a057d167bb7?
s=60&d=retro&r=g)

### 󠀁[Invaluable plugin](https://wordpress.org/support/topic/invaluable-plugin-16/)󠁿

 [ngreeves](https://profiles.wordpress.org/ngreeves/) 2019 年 7 月 11 日

I was looking for a solution for responsive image maps inside Wordpress as a new
user. It works beautifully. My only concern is that it hasn’t been updated for a
long time. It works just fine at present and I hope future versions don’t break 
it.

![](https://secure.gravatar.com/avatar/8eb69bddf2ec86772270809c41f104f2a2e7c05ac8fabba890fec082e8783c7c?
s=60&d=retro&r=g)

### 󠀁[November of 2018, still working great on 4.9.8 and Divi](https://wordpress.org/support/topic/november-of-2018-still-working-great-on-4-9-8-and-divi/)󠁿

 [lydia_b](https://profiles.wordpress.org/lydia_b/) 2018 年 11 月 12 日

Works just as advertised on wordpress 4.9.8 with the latest Divi theme and Divi 
pagebuilder. I’m impressed!

 [ 阅读所有64条评价 ](https://wordpress.org/support/plugin/responsive-image-maps/reviews/)

## 贡献者及开发者

「Responsive Image Maps」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Philip Newcomer ](https://profiles.wordpress.org/philipnewcomer/)

[帮助将「Responsive Image Maps」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/responsive-image-maps)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/responsive-image-maps/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/responsive-image-maps/)，或通过[RSS](https://plugins.trac.wordpress.org/log/responsive-image-maps/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/responsive-image-maps/)。

## 更新日志

#### 1.4

 * Updated the [RWD Image Maps jQuery plugin](https://github.com/stowball/jQuery-rwdImageMaps)
   to version 1.5.

#### 1.3

 * Updated the [RWD Image Maps jQuery plugin](https://github.com/stowball/jQuery-rwdImageMaps)
   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

## 额外信息

 *  版本 **1.4**
 *  最后更新：**9 年前**
 *  活跃安装数量 **4,000+**
 *  WordPress 版本 ** 3.0 或更高版本 **
 *  已测试的最高版本为 **4.1.42**
 *  语言
 * [English (US)](https://wordpress.org/plugins/responsive-image-maps/)
 * 标签
 * [image](https://cn.wordpress.org/plugins/tags/image/)[Image Map](https://cn.wordpress.org/plugins/tags/image-map/)
   [jquery](https://cn.wordpress.org/plugins/tags/jquery/)[map](https://cn.wordpress.org/plugins/tags/map/)
   [responsive](https://cn.wordpress.org/plugins/tags/responsive/)
 *  [高级视图](https://cn.wordpress.org/plugins/responsive-image-maps/advanced/)

## 评级

 4.9 星（最高 5 星）。

 *  [  63 条 5 星评价     ](https://wordpress.org/support/plugin/responsive-image-maps/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/responsive-image-maps/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/responsive-image-maps/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/responsive-image-maps/reviews/?filter=2)
 *  [  1 条 1 星评价     ](https://wordpress.org/support/plugin/responsive-image-maps/reviews/?filter=1)

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

[查看全部评论](https://wordpress.org/support/plugin/responsive-image-maps/reviews/)

## 贡献者

 *   [ Philip Newcomer ](https://profiles.wordpress.org/philipnewcomer/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/responsive-image-maps/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](http://philipnewcomer.net/donate/)