jQuery循环插件对下一个和上一个有不同的影响答案

【问题标题】：JQuery cycle plugin with different effect on next and previousjQuery循环插件对下一个和上一个有不同的影响
【发布时间】：2009-06-16 23:47:34
【问题描述】：

使用 JQuery 循环，是否可以对下一个和上一个按钮产生不同的效果？例如，下一个按钮向左滚动，上一个按钮淡出？

我知道左右滚动的scrollHorz效果。

谢谢

【问题讨论】：

【解决方案1】：

在不修改插件源代码的情况下，无法为 next 和 prev 按钮指定单独的单独效果。

最接近的方法是在 fx 选项中指定多个效果。这些将按顺序使用。示例：

$('#slideDiv').cycle({ 
    fx:     'fade,scrollHorz', 
    prev:   '#prev1', 
    next:   '#next1', 
    timeout: 0 
});

所以，第一次点击下一个或上一个按钮时，它会使用“淡入淡出”，下一次点击任一按钮时，它将使用“scrollHorz”，然后是“淡入淡出”等等。

【讨论】：

【解决方案2】：

开箱即用，这只适用于提供“反向”动画的过渡，例如 scrollHorz、scrollVert、shuffle。

关于 jQuery Cycle 的好处是您可以编写自己的（或修改）任何转换以包含您自己的正向和反向逻辑。查看Cycle Source 并搜索“scrollHorz”。您将看到根据转换方向提供逻辑是多么容易（注意fwd 变量）。然后，您可以修改任何现有的过渡以满足您的需要。

注意：需要一些 javascript 和数学技能。

【讨论】：