2015-11-05 66 views
1

我使用的代码创建的图像映射:是否可以在ImageMapster中隐藏/禁用区域?

$('img').mapster({ 
    staticState: true 
}) 

所有地区一次或可见的选择。有没有什么办法,我可以隐藏/禁用某些区域,以便它们不可见?我想在某些条件下过滤区域。

我知道我可以从javascript级别中删除'area'标记或href属性,然后再次调用上述代码(再次重新创建imagemapster),但是有没有更优雅更智能的方法?也许有一些内置的插件解决方案,但我找不到。

谢谢你的帮助。 亲切的问候 马辛

回答

0

我建议你更改为

$('img').mapster({ 
    selected: true, 
    isSelectable: false, // can't change of state by simple click 
    isDeselectable: false, // can't change of state by simple click 
}) 

你仍然可以绑定上的所有区域中的onClick回调。

一旦你决定,你不想要的区域,您可以通过

$("#id_of_area").mapster('set',false); 

或从地图ID

$("img").mapster('set',false,'key or string of keys to deselect'); 

似乎staticState是作秀设置的个人状态,并没有把所有的东西都设置成选定的状态......(我尝试了一些组合并有奇怪的结果,比如使它像选中的+高亮的那样变暗)

类似这样的东西http://jsfiddle.net/Wvzgj/529/

+0

感谢您的回复,但它不像我想要的那样行事。当你隐藏一个区域时: $(“img”).mapster('set',false,'key or string of key to deselect');当您将鼠标悬停时,它会突出显示。我想在每个州完全“隐藏”它。 –

+0

您可以尝试将高光不透明度设置为0,如下所示:http://jsfiddle.net/Wvzgj/529/检查区域75和77(科罗拉多州和俄勒冈州)都禁用并且不再突出显示... – Ryu

相关问题