2014-10-01 70 views
1

Lightbox 2是一个很棒的jQuery扩展。它能够很好地显示图像,但动画无比缓慢,字面意思!更改灯箱2动画速度

用户非常快速地生气并离开。我已经看到Lightbox替代品的速度更慢,逐渐将弹出窗口折叠出来。我无法弄清楚谁会想要这样的事情。

问题

如何更改灯箱2的动画速度,优选没有交变的原代码,使用属性即?

+0

它看起来像第14行的变量LightboxOptions下,你可以编辑一些动画。除此之外,我不确定您是否可以在不进行大量工作的情况下将动画拆分,此时您可以制作自己的灯箱。为什么你不能编辑原始代码? – Pete 2014-10-01 13:56:07

+0

我不想更改代码,因为每次更新灯箱时都必须执行此操作。而且,这根本不是最佳实践。 – bytecode77 2014-10-01 14:09:54

回答

3

您可以使用fadeDuration加速淡出并使用resizeDuration调整速度,但这意味着要在原始脚本中编辑它们。

不幸的是因为脚本是自实例化,从而更改的选项的唯一方法是改变脚本本身

Example of a faster fade in and resize

一个很好的选择,以收藏为的fancybox 2,让你对自己实例并针对特定的链接,允许在动画的每个组链接更多的控制

Here is a link to it's api

+1

这是我认为可以得到的最佳折中方案。我也会看看fancyBox。谢谢! – bytecode77 2014-10-01 14:18:56

0

灯箱2似乎支持MOD开发包括动画速度在内的多种选项。这里检查可用的选项http://lokeshdhakar.com/projects/lightbox2/

例子:

<script> 
    lightbox.option({ 
     'resizeDuration': 20, 
     'fadeDuration': 20, 
     'imageFadeDuration': 30, 
     'wrapAround': false, 
    }) 
</script>