1

是否可以提供一些关于如何在 fancybox 2.0 中使用 nextEasing 和 prevEasing 参数的示例？如果我添加缓动插件 1.3，然后我使用像 easeInCubic 这样的缓动动画值，则不会发生任何事情。如何实现新型转型。

当我从一张图片滑到另一张图片时，我还希望在这个新版本 2.0 中具有与之前版本 1.3.4 相同的调整大小/调整框架的效果。

$("a.image").fancybox({
    arrows   : true,
    loop       : false,
    openEffect : 'none',
    closeEffect: 'none',
    prevEffect : 'fade',
    nextEffect : 'fade',
    prevEasing : 'easeInCubic',
    nextEasing : 'easeInCubic',
});
4

1 回答 1

1

我试图使用 easing 选项，但我没有发现文档在 fancybox 网站上具有所有允许的值，我只能找到：

每种过渡类型的缓动方法。如果easing 插件包含在
String中，你有很多选择；默认值：“摇摆”

如果我尝试使用值“easeInCubic”，我可以在浏览器的 Javascript 控制台中看到：

Uncaught TypeError: Object #<Object> has no method 'easeInCubic' jquery-latest.min.js:6

不确定它是否也是您的情况，但您需要确保包含/激活缓动插件，这不是花哨的盒子的一部分，通过添加这个

<!-- Easing plugin -->
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js" />

在我的 HTML 顶部解决了 Javascripts 错误。看一下这个演示会显示每个值的作用。默认值和默认值之间的差别easeInCubic不是很大。

也就是说，对于您想要实现的目标，此选项似乎不是一个好选项，您可以在此 demo中找到一个示例，这似乎更合适。

于 2013-07-08T09:11:16.227 回答