Jquery ImageMapster:高亮显示所有区域,但在单击列表项时选择一个特定区域,并以较小的不透明度显示其他选定区域

Jquery ImageMapster:高亮显示所有区域,但在单击列表项时选择一个特定区域,并以较小的不透明度显示其他选定区域,jquery,imagemapster,Jquery,Imagemapster,我已参考以下例子: 我需要完全相同的功能 但变化是——突出显示所有加载区域。因此使用statistState:true。 但使用上述选项会禁用单击列出的项目时区域高亮显示的效果 我需要的是-在单击列表项时,我想突出显示/选择相应的区域,但同时保持其他区域的突出显示不变,透明度较低 我尝试更改.mapster的代码,如下所示: var img=$('img').mapster({ mapKey: 'state', singleSelect: true, render_highlight: { f

我已参考以下例子:

我需要完全相同的功能

但变化是——突出显示所有加载区域。因此使用statistState:true。 但使用上述选项会禁用单击列出的项目时区域高亮显示的效果

我需要的是-在单击列表项时,我想突出显示/选择相应的区域,但同时保持其他区域的突出显示不变,透明度较低

我尝试更改.mapster的代码,如下所示:

var img=$('img').mapster({
mapKey: 'state',
singleSelect: true,
render_highlight: {
fillOpacity: 0.8
},
render_select: {
fillOpacity: 0.4
},
staticState: true,
singleSelect: true,
});
我还尝试使用.snapshot和.rebind方法,如所示:

它不起作用。 如果我遗漏了什么,请告诉我


提前非常感谢

我用ImageMapster尝试了几个小时,直到我决定编写自己的插件:

默认情况下,实例化它时,它将高亮显示所有区域。可以为正常、悬停、选定和禁用的区域指定不同的样式


您还可以添加事件处理程序以显示,例如,当区域悬停时的工具提示。

在与ImageMapster进行了多年的斗争之后,Pictarea是一种非常直观的工作方式。