JQuery循环插件对next和previous有不同的影响

Question

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

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

由于

Answer 1

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

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

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

因此，当您第一次单击下一个或上一个按钮时，它将使用“淡入淡出”，下次单击任一按钮时，它将使用“scrollHorz”，然后使用“淡入淡出”等等。

Answer 2

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

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

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