Question

我真的很喜欢jQuery addin Image Mapster。然而，我真的到了一堵砖墙，我可以帮助攀登。

我需要做以下事情：

在任何互动之前，使用边框和颜色突出显示所有图像地图区域
启用鼠标悬停突出显示和鼠标移除dehighlighting（返回上面的状态＃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有经验的人有什么建议吗？

谢谢！

Answer 1

几条评论：

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

以下是您可能希望查看的文档http://www.outsharked.com/imagemapster/default.aspx?docs.html

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

1 个答案: