在覆盖范围内调整媒体大小时,是否可以使fancyBox忽略标题文本?

时间:2013-12-22 17:24:37

标签: jquery fancybox fancybox-2

我正在使用fancyBox 2.1.5并在其下方显示带有多行标题的媒体。

我的问题是fancyBox似乎正在缩小媒体以试图在屏幕上放置长标题。下面我附上了我的iPhone的截图,这是最明显的。

此处图片以完整尺寸显示,因为我删除了标题: Image Without Title

此处图片缩小,试图考虑长标题: Image With Title

我希望fancyBox在调整媒体大小时忽略标题文本,并始终以全尺寸显示,如第一张图片中所示。我可以滚动阅读所有标题文本。

感谢您的帮助!

1 个答案:

答案 0 :(得分:1)

如果您可以滚动阅读所有title文字,那么您可以将fitToViewmaxWidth选项结合使用,以便按照您想要的方式调整媒体的大小它没有忽略title之类:

$(".fancybox").fancybox({
    fitToView: false, // avoids media to shrink to fit in the viewport
    margin: [20, 60, 20, 60],
    maxWidth: "90%", // avoids bigger media to stretch outside the viewport boundaries 
    helpers: {
        title: {
            type: "inside"
        }
    }
});

参见 JSFIDDLE