控制Fancybox2覆盖淡入速度

时间:2012-03-28 09:15:35

标签: jquery fancybox overlay fadein

我正在使用Fancybox v2.0.5并且无法弄清楚如何慢慢淡入叠加层。 openSpeed参数仅控制内容淡入淡出速度,但我希望整个事物以该速度淡入。

这是我的电话:

$(".fancybox").fancybox({
    prevEffect  : 'none',
    nextEffect  : 'none',
    fitToView   : false,
    autoSize        : true,
    openEffect      : 'fade',
    openSpeed       : 1500,
    helpers : {
        overlay : {
            opacity : 0.9,
            css : {
                'background-color' : '#fff'
            }
        }
    }
});

我认为在加载内容之前触发的其中一个回调是关键,但我似乎无法从其中任何一个定位叠加。

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:3)

您可以在helpers => overlay选项中控制,例如

   helpers: {
    overlay: {
     opacity : 0.9,
     css : {'background-color' : '#fff'},
     speedIn: 1500, //<-- here you control the overlay speedIn
     speedOut: 1500//<-- here you control the overlay speedOut
    } // overlay
   } // helpers

编辑(2012年9月12日):自fancybox v2.1以来,已删除选项helpers =>overlay=>speedIn。它仍适用于v2.0.6及以下版本。