JQuery Fancybox標題

Question

因此，我使用jQuery插件fancybox，我得到它的工作，但我想知道如何調整它一點點。因此，這裏是我的html：

<a id="pics" title="This is some text that displays" href="Images/test.jpg"> 
<img alt="pics" src="Images/test.jpg"/></a> 

而且這裏是我的jQuery：

$("a#pics").fancybox({ 
    openEffect : 'elastic', 
    openSpeed : 150, 
    closeEffect : 'elastic', 
    closeSpeed : 150, 
    closeClick : true, 
    helpers : { 
     title : { 
      type : 'over' 
     } 
    } 
}); 

所以，當我點擊圖片它顯示了文字在圖片，這是偉大的。不好的是，當你將鼠標懸停在圖片上時，所有標題文本出現在光標旁邊（我知道這是title屬性的作用）。但是，無論如何修改上述html/jquery代碼來顯示所有相同的東西，但沒有該懸停的工具提示？

Answer 1

顯示一個錨點的title屬性內容的小工具提示是瀏覽器行爲。
可以使用戶在提示其他屬性不被瀏覽器中顯示，試試這個：

<a id="pics" caption="This is some text that displays" href="Images/test.jpg"> 
<img alt="pics" src="Images/test.jpg"/></a> 

而且選擇的fancybox：

$("a#pics").fancybox({ 
    openEffect : 'elastic', 
    openSpeed : 150, 
    closeEffect : 'elastic', 
    closeSpeed : 150, 
    closeClick : true, 
    beforeLoad: function() { 
     this.title = $(this.element).attr('caption'); 
    } 
    helpers : { 
     title : { 
      type : 'over' 
     } 
    } 
}); 

你可以看到a working example by fancybox。