0

我一直在尝试为客户设置 LightBox_Me。这个想法是在页面加载时出现年龄验证叠加层,询问“你是否超过 18 岁?”。是或否。单击“是”后,覆盖消失。

叠加层会淡入,但我不知道如何让它淡出。

具有淡出支持的 Jive 发行说明

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

我已经尝试将它实现到 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 行代码。

任何帮助,将不胜感激。

干杯

4

1 回答 1

2

如果您使用的是“最新”版本(现在已经有两年多了),那么这些特定选项将不再可用。它们最初是在三年前添加的,随后在9 个月后被删除

不幸的是,似乎不再有一种优雅的内置方式来淡出lightbox_me灯箱。如果您对 jQuery 感到满意,您可能会重新添加从第一次提交中删除的代码,尽管我怀疑它被删除是有充分理由的。

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

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

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

...有了这个:

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: '/'});
    }
});
于 2013-11-08T11:03:31.597 回答