Fancybox - 如何实现这种效果?

时间:2012-12-26 04:05:51

标签: jquery fancybox lightbox

这个网站似乎使用了jquery fancybox,但fancybox所涵盖的例子都没有做同样的事情。显示灯箱和点击灯箱的效果消失在它来自的地方非常好!有谁知道如何用fancybox达到同样的效果?

http://www.glauce.com/

1 个答案:

答案 0 :(得分:3)

他们正在使用fancybox v1.3.4 并使用文档化的API选项,但示例中的值不同。

使用以下选项可以实现您想要的效果:

$("a.fancybox").fancybox({
    'transitionIn': 'elastic',
    'transitionOut': 'elastic',
    'speedIn': 1000,
    'speedOut': 700
});​

参见 DEMO

...或 the same effect 关闭点击内容而不关闭按钮。