我一直在尝试为客户设置 LightBox_Me。这个想法是在页面加载时出现年龄验证叠加层,询问“您是否超过 18 岁?”。是或否。单击"is"后,覆盖层就会消失。
叠加层会淡入,但我不知道如何让它淡出。
Jive Release Notes with fadeOut support
上面的链接表明应该支持淡出。
我尝试将其实现到 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 行代码。
如有任何帮助,我们将不胜感激。
干杯
最佳答案
如果您使用的是“最新”版本(已有两年多了),那么这些特定选项将不再可用。它们最初是添加的 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
的值& 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: '/'});
}
});
关于javascript - Lightbox_Me 淡出效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19813798/