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 将一个图像放在另一个图像上，您就可以实现它。 (它来自插件autor的另一个例子)

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