Imagemapster工具提示重新定位

基本上，我一直在測試圖像上的ImageMapster插件。不過，我希望每個區域標籤的工具提示（或信息面板）彼此相鄰。 >http://jsfiddle.net/jagmitg/eQCL6/Imagemapster工具提示重新定位

當前，關於何時將鼠標懸停在黑色圖像上的信息位於每個區域標籤的左側中間。無論如何，我可以移動每個區域面板旁邊的每個框。

我試圖執行以下http://jsfiddle.net/sb9j7/（請將鼠標懸停在青椒上）。這是我的嘗試：

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

有人可以幫助我實現提示或只是移動信息框，根據自己的區域的標記。

非常感謝您

來源

2012-11-04 Sophie Rhodes

你能嘗試在jsfiddle中設置你的實際代碼而不是引用這些例子嗎？有很多額外的代碼在那裏，你可能不需要，我不確定你想要做什麼，因爲我沒有看你的代碼，但在示例代碼。 –

你好，謝謝你的回覆，這是我的代碼：http://jsfiddle.net/jagmitg/eQCL6/但我需要實現一個工具提示。但是，它一直在打破。 –

您也許嘗試這其他代碼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(); 
      }

來源

2012-11-05 23:14:30 txirrindulari

Imagemapster工具提示重新定位

回答

相關問題