Question

我在我的网站上使用Fancybox2（fancybox.net）。当显示ligthbox时，我希望它根据浏览器的屏幕宽度进行调整，因此在移动设备和桌面设备上都可以查看。但是，在桌面上我希望盒子的最大宽度为500px。

我一直在寻找max-width选项，但我无法在http://fancybox.net/api找到如何执行此操作。

Answer 1

任何与fancybox v1.x相关的内容（最新的v1.3.4）都可以在fancybox.net找到。另一方面，任何与fancybox v2.x（v2.1.5到目前为止）相关的内容都可以在fancyapps.com/fancybox找到它

请注意，v1.x和v2.x的API选项彼此不兼容。顺便说一下，maxWidth是fancybox v2.x的一个选项，在v1.x中不存在（因此你不会在fancybox.net找到它）

为避免潜在错误，请在.ready()方法中设置您的fancybox初始化，如code中所示：

// <![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
    });
});
// ]]>

具有视口大小但也具有最大宽度的Fancybox

1 个答案: