0

所以我正在使用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 代码以显示所有相同的东西，但只是没有在悬停时显示该工具提示？

4

1 回答 1

4

显示带有锚标题属性内容的小工具提示是浏览器行为。
您可以使用另一个属性，以便浏览器不显示工具提示，试试这个：

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

和花式框选项：

$("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'
        }
    }
});

您可以通过 fancybox看到一个工作示例。

于 2012-10-01T13:14:58.653 回答