Jquery 地图亮点答案

【问题标题】：Jquery Map HighlightJquery 地图亮点
【发布时间】：2010-09-20 09:49:32
【问题描述】：

当我将鼠标悬停在图像地图上时，我使用http://plugins.jquery.com/project/maphilight 突出显示区域，但我也希望在单击时保持突出显示。单击另一个区域时，前一个区域应淡出，新区域保持突出显示。

有没有人看到这样做或知道这样做的方法？

非常感谢， C

【问题讨论】：

一些代码会很好。你设置淡入淡出：真，alwaysOn：假？
实际上，找到了这个，davidlynch.org/js/maphilight/docs/demo_features.html 工作但对于我需要做的事情来说相当笨重。闪一下。

标签： jquery imagemap

【解决方案1】：

ImageMapster: http://www.outsharked.com/imagemapster - 我的 jQuery 插件就是这样做的！

您想使用singleSelect 选项，例如http://jsfiddle.net/jamietre/ufAF6/

【讨论】：

我遇到了完全相同的问题。 imagemapster 太邪恶了！

【解决方案2】：

只有 jquery&maphighlight 有解决方案！：

诀窍在于处理好 maphighlight 的输入属性之一：alwaysOn：

$( "#map-tag area" ).click(function(){
    $(this).data('maphilight', { 
          alwaysOn: true 
    }).trigger('alwaysOn.maphilight');
    //check if area wasnt already selected - otherwise gets buggy
    if( !$(this).hasClass('selected') ){ 
      $('.selected').data('maphilight', {
          alwaysOn: false
      }).trigger('alwaysOn.maphilight');
      $('#map-tag area').removeClass('selected');
      $(this).addClass('selected');
    }

});

编辑：确保您拥有最新的 maphilight ！：http://davidlynch.org/projects/maphilight/jquery.maphilight.min.js，来自maphilight官网。

【讨论】：

当地图的某个区域仍然突出显示时，如何处理响应性？所选区域不会随图像地图按比例缩小，因此看起来会偏离。
如果你的意思是当你的区域响应时如何处理高亮，你可以在每次改变区域的尺寸变化时“重绘”高亮，无论如何如果你已经有一个响应区域它不应该你很难让亮点也有反应:)

【解决方案3】：

这个问题的解决方案是 http://davidlynch.org/js/maphilight/docs/demo_features.html

如果您查看页面的源代码，就会发现您的问题的代码。重要提示：您需要 jquery.metadata.js 插件！！！！

问候斯泽克雷戈贝

【讨论】：

这会复制已包含在问题评论中的信息。