的fancybox 3.0标题上方

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

在3的fancybox的“头衔”被称为“标题”。你可以把它传递给HTML元素作为data-caption属性：

<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'
        }
    }
]);

这似乎是“标题”选项（例如内容上面写的文字）不再支持。据开发者，它会look "outdated"。

根据该文档，你应该能够在您的模态的“completely change the look”，通过重写的fancybox CSS规则。然而，这似乎并没有真正可行的，因为用于创建标题的空间padding-bottom似乎set by the JS core。