Fancybox 规则冲突

Question

此规则使用字幕的 alt 属性：

$(".fancybox").fancybox({
beforeShow : function() {
    var alt = this.element.find('img').attr('alt');

    this.inner.find('img').attr('alt', alt);

    this.title = alt;
}
});

此规则包含图像宽度内的标题：

$(".fancybox").fancybox({
helpers : {
    title: {
        type: 'inside'
    }
}
});

有没有办法让这两个规则同时生效？

Fancybox 自动使用标题为图像生成标题。当预期标题的文本很长时，这会导致难看的工具提示。我想将 alt 用于字幕，这样我就可以将标题留空，并完全消除工具提示。提前致谢。

Answer 1

您可以在同一个 fancybox 初始化脚本中添加任意数量的 API 选项（您称之为规则），用

之类的逗号将它们彼此分开

jQuery(document).ready(function ($) {
    $(".fancybox").fancybox({
        // all your API options here
        beforeShow: function () {
            var alt = this.element.find('img').attr('alt');
            this.inner.find('img').attr('alt', alt);
            this.title = alt;
        },
        helpers: {
            title: {
                type: 'inside'
            }
        }
    });
}); // ready

见JSFIDDLE

Fancybox 规则冲突

Fancybox Rule Conflict

jquery

fancybox

fancybox-2