Jquery Fancybox标题位于顶部

因此，我想将fancybox的“标题”放在顶部，而不是底部，同时不丢失任何功能

它不应该“覆盖”顶部的图片，而是将图片向下推，并在那里显示标题文本。（就像在底部一样）

我如何使用Fancybox 1.4或2做到这一点

---

谢谢

在fancybox样式表（jquery.fancybox-1.3.4.css文件）中，调整#fancybox内容的填充：

#fancybox-content {
    padding: 45px 0 0 0;
}

45px将为您的标题留出空间

然后，确保在配置中将标题位置设置为

over

：

'titlePosition': 'over',

最后，添加此选项：

'onComplete': function() {
    $("#fancybox-title").css({'top':'0px', 'bottom':'auto'});
}

---

在fancybox样式表（jquery.fancybox-1.3.4.css文件）中，调整#fancybox内容的填充：

#fancybox-content {
    padding: 45px 0 0 0;
}

45px将为您的标题留出空间

然后，确保在配置中将标题位置设置为

over

：

'titlePosition': 'over',

最后，添加此选项：

'onComplete': function() {
    $("#fancybox-title").css({'top':'0px', 'bottom':'auto'});
}