jquery - fancybox - 使用元素作为标题

Question

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

我更喜欢将标题放在隐藏的 div 元素中，因为它比使用“标题”属性更灵活。我使用了7 中的代码。自定义标题 --> 使用元素而不是属性。

它工作正常，除了在那些不需要标题且没有隐藏 div 元素的图像上，fancybox 然后使用链接中的标题属性作为标题，这样你就可以得到一个标题，例如，“点击放大'。

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

Answer 1

您可以在事后使用qTip或prototip 之类的东西向图片添加手动创建的工具提示

Answer 2

在您提到的示例中，有一个条件可以评估是否存在divfancybox 用作的隐藏元素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属性，但没有相应的（隐藏）标题。