javascript - 工具提示的 Imagemapster 重新定位

Question

基本上，我一直在图像上测试 ImageMapster 插件。但是，我希望每个区域标签的工具提示（或信息面板）彼此相邻。> http://jsfiddle.net/jagmitg/eQCL6/

目前，关于何时将鼠标悬停在黑色图像上的信息位于每个区域标签的左侧中间。无论如何我可以移动每个区域面板旁边的每个框。

我尝试实现以下http://jsfiddle.net/sb9j7/（请将鼠标悬停在青椒酱上）。这是我尝试过的：

image.mapster('set_options', { 
   areas: [{
     key: "dip",
     toolTip: newToolTip
   }]
});

有人可以帮我实现工具提示还是根据他们的区域标签移动信息框。

非常感谢

Answer 1

你可以试试这个其他代码http://jsfiddle.net/gCTcF/62/ 如果你用透明 png 替换这两个图像并用 css z-depht 将一个放在另一个上，你可以实现它。（它来自插件作者的另一个例子）

            onMouseover: function (data) {
                inArea = true;
                $('#beatles-caption-header').text($(this).attr("alt"));
                $('#beatles-caption').show();
            },
            onMouseout: function (data) {
                inArea = false;
                $('#beatles-caption').hide();
            }