问题标签 [imagemapster]

我正在尝试处理一个我无法完全命名的问题（因此在谷歌上搜索时遇到了麻烦）。

它处理一组类似“开关”的复选框。

以下是具体情况：

• 我正在使用带有类似于该演示的复选框设置的图像映射器插件。
• 复选框是从状态名称生成的，单击它们会调用 mapster 来打开/关闭状态。
• 我正在使用一组额外的复选框，称为“美国东北部”、“美国东南部”等。
• 单击“东北”必须打开该地区的所有州。再次单击应将其关闭。很简单。

并发症：

• 区域之间存在重叠状态。
• 单击美国东北部，然后关闭其中一个州，然后单击东南部等，现在使我的简单直接逻辑感到困惑。

可能的解决方案：

• 我需要这些第三级复选框充当“开关”，跟踪复选框和映射区域的状态。
• 当手动单击其中一个复选框时，Northeast 必须足够智能以关闭自身。
• 点击东南，千万不要因为重叠状态……等而混淆了NE的数据状态。

我正在寻找一种以前处理过此类问题的设计模式。如果有人知道一个没有名字的解决方案模式，那么该知识也是最受欢迎的。

谢谢阅读！

我已经创建了一个饼图，现在使用 ImageMapster 来设置它的样式。当我单击一块馅饼时，我希望所有其他部分都被选中（不透明度），但不是我单击的那个。

有谁知道如何做到这一点？

到目前为止我的代码：

我正在使用 imagemapster 为图像地图添加一些效果，如果我可以取消所选区域的悬停效果，那将是非常棒的，这可能吗？

编辑：我指的是http://www.outsharked.com/imagemapster/

这实际上只是一个与 ImageMapper jQuery 插件相关的 javascript 问题。

我必须重新提出这个问题，该问题由于问题结构不佳和 OP 的回答不明确而被关闭。但是，我遇到了同样的问题，需要帮助。

像以前的 OP 一样，我正在尝试重现这个 jsfiddle：http: //jsfiddle.net/nYkAG/396/，但是 javascript 不会运行。

OP 链接到她尝试使其工作的尝试和我的相同。CtrlW查看标记/javascript。显然我们都错过了一些东西（可能是由于类似的新手因素）。会不会是左侧面板上 jsfiddle 中引用的 onLoad() 函数？

我添加了一个简单的 jQuery 测试，它可以工作：

所以我知道库正在正确加载，并且代码中没有明显的错误。但是，我无法理解这些行，并想知道是否缺少某些东西？但是，它们在 jsFiddle 中工作..？

在任何情况下，示例 - 作为复制/粘贴 - 都不起作用。我错过了什么？同样，对于完整的 javascript 和标记，请参阅OP 的原始示例。

我正在努力提高我对 Javascript、jQuery 和 ImageMapster 插件的理解。为了便于解释，这是我正在研究的 jsFiddle 。

在 jsFiddle 代码中，每个披头士乐队的脸在悬停时都带有红色边框。但是 HTML 还包含每个披头士乐队 ( style="display:none") 的隐藏图像，当用户的鼠标移到相应披头士乐队的脸上时，我希望这些图像出现在合影上。

也就是说，当我将鼠标移到 Paul 的脸上时，应该会出现 Paul 的照片。离开保罗时，合影再次出现。越过林戈的脸，就会出现林戈的特写。坦率地说，如果合影消失而出现单张照片，或者个人照片是否叠加在合影上，对我来说并不重要——我似乎无法做到这两者。

我已经尝试了无数的东西，但是 javascript 超出了我的范围。我会很感激朝着正确的方向轻轻推动（或直接演示）。

对于那些读到这里的人，我也不明白 ALL 数据键是如何工作的：我添加了一个all标题，但它不会显示。我试图在鼠标悬停在集体照片上时显示该标题，但不是在任何特定的脸上（即当所有的脸都以白色突出显示时）。

我的问题是基于这个原始的 ImageMapper 演示。

我想我已经很接近了。这个想法是根据 API 中的数据打开背景部分（如果你想尝试一下http://www.propertysolutions.com/api-documentation/code-snippet），仍然有鼠标悬停和选择的功能。为了接近我，我使用了 James 的 Beatles 演示。我在那里，但似乎无法在不关闭背景的情况下添加 singleSelect。

小提琴 - http://jsfiddle.net/SpudLogic/w4w8U/4/

很想听听一些建议。谢谢！

我已经使用 Imagemapster 大约一个星期了，它一直在完成工作。今天早上我添加了 Prototype JS，我所有的图像处理都消失了。如果你不熟悉

http://www.outsharked.com/imagemapster/

http://prototypejs.org/

我也在使用 jquery-latest.js，无论有没有 Imagemapster，Prototype 都可以正常工作。加载它们的顺序似乎并不重要。我希望除了没有冲突之外可能还有另一种方式。

谢谢

我有一个图像、一个简单的文本菜单和jQuery imagemapster 插件。

悬停图像区域时，我希望突出显示相应的菜单项（如悬停），悬停菜单项时，我希望突出显示相应的图像地图区域。

我设置了一个简单的 jsfiddle 来说明问题：http: //jsfiddle.net/tqpFU/23/

下面是基本的 jQuery 开始：

When an image is styled with CSS to grow or shrink to occupy available space in the container DIV, what steps must be taken to keep the image-map area coordinates in sync with the changing image size?

Does the plugin's scaleMap: true property handle this scenario? Or must additional steps be taken? I haven't been able to get it to work using scaleMap alone, but perhaps I'm misunderstanding what scaleMap does. Does it handle situations where the user drags the browser window wider or narrower, and changes in orientation on a tablet device?

http://jsfiddle.net/juvyh/1309/

图片地图是关于公寓单位平面图的。

当需求发生变化时，一切都正常。

对于某些区域，altImage:'images/unit.png'默认使用。

新要求：

• 当单位仍然可用时仅显示 altImage

如何实现上述新要求？我已经尝试了一些硬编码的测试，var但altImage没有显示. 请在下面查看我的代码：

注意： 我使用上面的 onClick 函数只是为了检查我的 js 是否正确执行。这应该在单位*可用*时动态触发。

相关问题： * 之前（1 年前）我试图找到方法在使用 css 的区域上制作一些图像以使其更简单，但我发现使用 image mapster 很难完成但仍然使用它，因为我发现它非常轻量级比使用闪光灯。

这一次，这可能吗？或者有什么方法可以处理这种类型的叠加图像设置？这只是我的次要问题。