Javascript jQuery Image Mapster:在选择之前高亮显示区域

Javascript jQuery Image Mapster:在选择之前高亮显示区域,javascript,jquery,imagemap,imagemapster,Javascript,Jquery,Imagemap,Imagemapster,我真的很喜欢jQuery addin Image Mapster。然而,我真的到达了一堵砖墙,我需要一些帮助才能爬上去 我需要做以下工作: 在进行任何交互之前,使用边框和颜色高亮显示所有图像地图区域 使用可能不同的边框和颜色启用鼠标悬停高亮显示和鼠标悬停取消高亮显示(返回到上述状态#1) 使用第三种不同的边框和颜色启用选择 我最初的印象是,以下JavaScript能够为我做到这一点: $('#Image1').mapster({ fillOpacity: 0.5,

我真的很喜欢jQuery addin 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
            }
        });
    
    它似乎支持mouseover/mouseout(#2)和selection(#3)-但不按我的需要照亮我的区域(#1)

    有谁对ImageMapster更有经验,有什么建议吗

    谢谢

    几点评论:

  • “render_highlight”之前的代码用于定义默认情况下高亮显示区域时的外观。即使它起作用了,也是为了突出显示而不是选择

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

  • 对于您的#1,我的建议是删除“render#u highlight”之前的所有选项,并添加此行
    staticState:true,
    。这将使所有选定的区域始终处于启用状态,但这将不符合您的目标#3。我找不到更好的方法来实现你的三个目标。等待别人的帮助

  • 这是您可能需要查看的文档