Question

我想在一个相当大的网站上使用fancybox来显示弹出图像，其中一些需要一个标题而一些不需要。

我更喜欢在隐藏的div元素中添加标题，因为它比使用'caption'属性更灵活。我使用了7. Customize title --> Use element instead of attribute中的代码。

它工作得很好，除了在那些没有标题且没有隐藏div元素的图像上，fancybox然后使用链接中的title属性作为标题，这样你最终可能会有一个标题，例如'点击放大'。

这是预期的行为吗？如果是这样，是否有办法全局覆盖网站（不是图像逐图）。

Answer 1

您可以在事后添加手动创建的工具提示，例如qTip或prototip

Answer 2

在您提到的示例中，有一个条件会评估fancybox是否使用隐藏div元素作为title：

if (id) {
    el = $('#' + id);

    if (el.length) {
        this.title = el.html();
    }
}

您唯一需要做的就是在该条件中添加else语句，如果标题不存在，您可以覆盖现有的title

if (id) {
    el = $('#' + id);

    if (el.length) {
        this.title = el.html();
    }
} else {
    // don't show any title in fancybox
    this.title = "";
}

请参阅 JSFIDDLE ...最后一张图片具有title属性，但没有相应的（隐藏）字幕。

fancybox - 使用标题元素

2 个答案: