Question

是否可以通过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',
});

Answer 1

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

每种过渡类型的缓和方法。您有很多选择如果包含缓动插件串;默认值：'swing'

如果我尝试使用值'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错误。查看this demo可以看出每个值的含义。默认值与easeInCubic之间的差异不是很大。

那就是说，对于你想要实现的目标，这个选项似乎不是很好，你可以找到一个this demo的例子，这似乎更合适。

Fancybox 2.0缓和和动画

1 个答案: