JQuery 循环插件对下一个和上一个有不同的效果

Question

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

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

谢谢

Answer 1

如果不修改插件的源代码，就不可能为下一个和上一个按钮指定单独的效果。

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

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

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