Question

我使用的是fancybox 3.0 Beta 1，我的标题出现了问题。我希望标题位于顶部而不是底部。

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

我已经使用了这个http://jsfiddle.net/JYzqR/，但它不起作用，因为它适用于fancybox 2.0（我认为它也可以用于3.0，但它不会）。

你能帮我把标题移到顶部而不是底部吗？

谢谢！

Answer 1

＆＃34;标题＆＃34;在Fancybox 3中称为＆＃34;标题＆＃34;。您可以将其作为data-caption属性传递给HTML元素：

<a href="image.jpg" data-fancybox data-caption="My caption">
    <img src="thumbnail.jpg" alt="" />
</a>

或作为JS Api的选项：

$.fancybox.open([
    {
        src  : 'image.jpg',
        opts : {
            caption : 'My caption',
            thumb   : 'thumbnail.jpg'
        }
    }
]);

好像是＆＃34;标题＆＃34;选项（例如，在内容上方写入的文本）不再受支持。根据开发人员的说法，它会http://example.net/filename.php?one=4&two=8。

根据文档，你应该能够＆＃34; look "outdated"＆＃34;您的模态，通过覆盖fancybox css规则。但是，这似乎并不可行，因为用于为标题创建空间的padding-bottom似乎是completely change the look。

Fancybox 3.0标题位于顶部

1 个答案: