Fancybox的大小取决于视口，但也有最大宽度

Question

我在我的网站上使用Fancybox2 (fancybox.net)。当灯箱显示时，我希望它根据浏览器的屏幕宽度调整大小，这样在移动设备和桌面设备上都能很好地观看。但是，在桌面上，我希望框的最大宽度为500px。

我正在寻找一个max-width选项，但我找不到http://fancybox.net/api如何做到这一点。

Answer 1

任何与fanybox v1相关的内容。X(最新版本1.3.4)，您可以在fancybox.net找到它。另一方面，任何与fanybox v2相关的东西。X(目前为v2.1.5)，您可以在fancyapps.com/fancybox

找到它

注意X和v2。X相互不相容。顺便说一句，maxWidth是fanybox v2的一个选项。不存在于v1中的X。X(因此你不会在fancybox.net上找到它)

为了避免潜在的错误，在.ready()方法中设置你的fancybox初始化，如下所示:

// <![CDATA[
/* when document is ready */
$(function () { /* initiate the plugin */
    $("div.holder").jPages({
        containerID: "itemContainer",
        perPage: 4,
        startPage: 1,
        previous: "Vorige",
        next: "Volgende",
        startRange: 1,
        midRange: 5,
        endRange: 1
    });
    $(".fancybox").fancybox({
        maxWidth: 500,
        openEffect: 'none',
        closeEffect: 'none',
        nextEffect: 'none',
        prevEffect: 'none',
        nextSpeed: 0,
        prevSpeed: 0,
        preload: 3,
        padding: 15
    });
});
// ]]>