2

我真的很喜欢 jQuery 插件 Image Mapster。然而，我真的到达了一堵砖墙，我可以使用一些帮助攀爬。

我需要执行以下操作：

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

我最初的印象是以下 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 有更多经验的人有什么建议吗？

谢谢！

4

1 回答 1

4

几条评论：

  1. 您在“render_highlight”之前的代码是定义区域在默认情况下突出显示时的样子。即使它有效，它也是为了突出显示而不是选择。

  2. 但是您添加了一个可选的渲染键“render_highlight”，这将禁用您之前设置的选项。这就是为什么当您将鼠标移到无法看到您在“render_highlight”上方定义的效果的区域上时

  3. 对于你的#1，我的建议是删除“render_highlight”之前的所有选项，并添加这一行staticState: true,。这将始终启用所有选择的区域，但这将违背您的目标#3。我找不到更好的方法来实现你所有的三个目标。等待其他人的帮助。

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

于 2012-11-12T18:37:29.993 回答