Lightbox_Me fadeOut效应

Question

我一直在尝试为客户设置LightBox_Me。其想法是，当页面加载“您超过18岁吗？”时，会出现一个年龄验证覆盖。是还是不是。单击“是”后，覆盖将消失。

覆盖层会褪色，但我想不出如何让它褪色。

支持fadeOut的Jive发行说明

上面的链接显示应该支持fadeOut。

我尝试将其实现到lightbox_me.js文件中，这是所有出现的效果都存在的地方，但没有效果。

我还尝试将其实现到我的年龄验证脚本中，即：

$(window).load(function () {
// Age Verification
if(!$.cookie('legal-age')){
    $('#verify').lightbox_me({
        centered: true,
        closeClick: false,
        closeESC: false,
      //disappearEffect: fadeOut,
      //overlayDisappearSpeed: 300,
      //lightboxDisappearSpeed: fast,
        overlayCSS: {background: '', opacity: 0},
        closeSelector: '.v-yes',
        onClose: function(){
            $.cookie('legal-age','yes', {domain: '*Snip*', path: '/'});
        }
    });
    e.preventDefault();
}
});

上面的代码显示了确定淡出动画的3行代码。

任何帮助都将不胜感激。

干杯

Answer 1

如果您使用的是“最新”版本(已经超过两年了)，那么这些特定的选项就不再可用了。它们最初是添加了三年多前，后来又添加了9个月后移除。

不幸的是，似乎没有一个优雅的内置方式，以淡出一个lightbox_me灯箱。如果您对jQuery很满意，您可能可以重新添加从该首次提交中删除的代码，尽管我怀疑它是有充分理由被删除的。

还有几件值得指出的事情：

除非您使用的是jQuery的前1.9.x版本，否则脚本将在第31行周围出错--您需要替换以下内容：

ie6 = ($.browser.msie && $.browser.version < 7);

...with这个：

ie6 = navigator.userAgent.match(/MSIE 6/);

如果您确实打算重新添加这些效果，则需要确保将disappearEffect和lightboxDisappearSpeed的值声明为字符串，否则它将出错：

$('#verify').lightbox_me({
    centered: true,
    closeClick: false,
    closeESC: false,
    disappearEffect: 'fadeOut',
    overlayDisappearSpeed: 300,
    lightboxDisappearSpeed: 'fast',
    overlayCSS: {background: '', opacity: 0},
    closeSelector: '.v-yes',
    onClose: function() {
        $.cookie('legal-age','yes', {domain: '*Snip*', path: '/'});
    }
});