Question

我一直在尝试为客户端设置LightBox_Me。我们的想法是在页面加载时显示年龄验证叠加层，并且＃34;您是否超过18岁？＆＃34;。是或否。点击是后，叠加层消失。

Overlay将会淡入，但我无法弄清楚如何让它淡出。

以上链接显示应该支持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

如果您使用的是“最新”版本（现在已超过两年），那么这些特定选项将不再可用。它们最初添加了over three years ago，随后又添加了removed 9 months later。

不幸的是，似乎没有一种优雅的内置方式可以逐渐淡出lightbox_me灯箱。如果你对jQuery感到满意，你可能会重新添加从first commit删除的代码，尽管我怀疑它已被删除了。

值得指出的其他一些事情：

除非您使用1.9.x之前版本的jQuery，否则脚本会在第31行附近出错 - 您需要替换它：

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

......用这个：

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

如果您打算重新添加这些效果，则需要确保disappearEffect＆amp;的值。 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: '/'});
    }
});

Lightbox_Me fadeOut效果

1 个答案: