jquery工具提示，工具提示顯得太過分了

Question

我在這裏有一個名稱列表，並使用jquery的工具提示來顯示懸停時的個人資料照片。但是，當我懸停時，圖像顯得太過分，並且左對齊屏幕。

任何人都可以給我一個主意嗎？

http://reveillon.formationweb.net/after.php

我試圖做一個小提琴這裏：http://jsfiddle.net/JeremyCh/ZZzG7/但這裏的圖像不是偶可見，上面的鏈接after.php，圖像被視爲左側。

<ul id="quiviennent"> 
      <li><a id="sabah" title="">Sabah</a></li> 
      <li><a id="elicia" title="">Elicia</a></li> 
      <li><a id="celine" title="">Celine</a></li> 
      <li><a id="audrey" title="">Audrey</a></li> 
      <li><a id="bruno" title="">Bruno</a></li> 
      <li><a id="saidou" title="">Saidou</a></li> 
     </ul> 

$("#sabah").tooltip({ content: '<img src="http://reveillon.formationweb.net/images/sabah.jpg" />' }); 
    $("#elicia").tooltip({ content: '<img src="http://reveillon.formationweb.net/images/elicia.jpg" />' }); 
    $("#celine").tooltip({ content: '<img src="http://reveillon.formationweb.net/images/celine.jpg" />' }); 
    $("#saidou").tooltip({ content: '<img src="http://reveillon.formationweb.net/images/saidou.jpg" />' }); 
    $("#bruno").tooltip({ content: '<img src="http://reveillon.formationweb.net/images/noimg.jpg" />' }); 
    $("#audrey").tooltip({ content: '<img src="http://reveillon.formationweb.net/images/noimg.jpg" />' }); 

#quiviennent li a { cursor: pointer; } 

感謝 傑里米

Answer 1

可以使用position option指定您希望工具提示出現在相對於它連接到的元素。

例如

$("#sabah").tooltip({ 
     content: '<img src="http://reveillon.formationweb.net/images/sabah.jpg" />', 
     position : { my: "left+100 center", at: "left center" } 
}); 

把照片稍微列表的右側。