jQuery Image Mapster：在选择之前突出显示区域答案

【问题标题】：jQuery Image Mapster: Highlight Areas prior to selectingjQuery Image Mapster：在选择之前突出显示区域
【发布时间】：2012-10-15 04:39:42
【问题描述】：

我真的很喜欢 jQuery 插件 Image Mapster。不过，我真的已经爬到了一堵砖墙，我可以借助一些帮助攀爬。

我需要做以下事情：

在任何交互之前用边框和颜色突出显示所有图像地图区域
使用可能不同的边框和颜色启用鼠标悬停突出显示和鼠标悬停取消突出显示（返回到上面的状态 #1）
使用第三个不同的边框和颜色启用选择

我最初的印象是以下 JavaScript 可以为我做到这一点：

    $('#Image1').mapster({
        fillOpacity: 0.5,
        fillColor: FF0000,

        stroke: true,
        strokeOpacity: 1.0,
        strokeColor: 00FF00,
        strokeWidth: 2,

        render_highlight: 
        {
             fillOpacity: 0.5,
             fillColor: 00FF00,

             stroke: true,
             strokeOpacity: 1.0,
             strokeColor: FF0000,
             strokeWidth: 2,
        },
        render_select: 
        {
             fillOpacity: 1.0,
             fillColor: 0000FF,

             stroke: false
        }
    });

它似乎支持鼠标悬停/鼠标移出 (#2) 和选择 (#3) - 但不会像我想要的那样点亮我的区域 (#1)。

有没有对 ImageMapster 比较有经验的人有什么建议？

谢谢！

【问题讨论】：

标签： javascript jquery imagemap imagemapster

【解决方案1】：

几个cmets：

“render_highlight”之前的代码用于定义区域在默认情况下突出显示时的外观。即使它有效，它也是为了突出显示而不是选择。
但是您添加了一个可选的渲染键“render_highlight”，这将禁用您之前设置的选项。这就是为什么当您将鼠标移到无法看到上面“render_highlight”定义的效果的区域上时
对于你的#1，我的建议是删除“render_highlight”之前的所有选项，并添加这一行staticState: true,。这将始终启用所有选择的区域，但这将违背您的目标#3。我找不到更好的方法来实现你所有的三个目标。等待其他人的帮助。

这里是你可能想看的文档http://www.outsharked.com/imagemapster/default.aspx?docs.html

【讨论】：