2014-10-29 45 views
0

我需要顯示div而圖像地圖區域懸停(類似於工具提示)。jQuery:計算圖像地圖區域大小並在中間顯示div

沒關係,但問題是我需要在每個區域的中間顯示div,這些區域的形狀和大小各不相同。我不想使用任何工具提示插件,因爲它的內容應該很容易改變。

jsfiddle發表評論。

我沒有深入的jQuery知識,這就是爲什麼我需要你幫忙))謝謝!

+0

http://jsfiddle.net/frontDev111/69ostk40/ – NewDev 2014-10-29 13:11:58

+0

你可以嘗試像這樣實現它。 http://jsfiddle.net/jquerybyexample/4eFF3/ – morne 2014-10-29 13:23:22

+0

我認爲這不會幫助,因爲我需要把按鈕或輸入工具提示,這是不可能在title.Thanks btw – NewDev 2014-10-29 13:56:17

回答

0

如果我理解正確,你有一個圖像映射,你想把一個指針指向中心。

試試這個

var width = jQuery("#imageMaps").attr("width"); 
var height = jQuery("#imageMaps").attr("height"); 

var width = width/2; 
var height = height/2; 

var Point = jQuery("#div to position").style("margin-top",height); 
var Point = jQuery("#div to position").style("margin-left",width); 

我假設你有同樣的div是指針圖像映射。

+0

嗯我想我誤解了你((我需要顯示.tooltip整個盤旋每個區域,並顯示在每個區域中間的div。當我嘗試這個我得到錯誤,因爲沒有使用任何寬度高度attr – NewDev 2014-10-29 14:00:59

+0

啊現在很清楚你需要做什麼,試試這個,它是非常類似於你所要做的,只是改變照片: http://www.outsharked.com/imagemapster/ – 2014-10-29 14:50:33

+0

謝謝,我認爲這可以幫助,順便說一句,我需要有按鈕,輸入等..在tooltip div中,無法通過此插件執行此操作 – NewDev 2014-10-29 16:14:40