0 
$('.rotateme').cycle({fx:'fade',speed:2500,timeout:3000,next:'#arrowright',prev:'#arrowleft',sync:1,pause:1});

伙计们，上面的代码是我用于图像滑块的代码，其中图像在一个循环中淡出（这很明显）。

无论如何，这就是发生的事情：

当它在li元素之间循环时，上一个按钮将我返回到li刚刚淡出的元素，然后继续向下移动列表。

我想要发生的事情：

我希望上一个按钮将我返回到上一个元素并反转方向，因此它不会返回列表，而是会上升。

显而易见的解决方案是为使用单独绑定#arrowright：

rev:           0,     // causes animations to transition in reverse

这在一定程度上起作用并且在这里失败：如果我#arrowright再次单击，它将再次反转方向（doh），这意味着它#arrowright实际上是一个切换按钮，我不需要它......

有什么建议么？

4

1 回答 1

1

//此代码段将向“#arrowRight”添加一个“selected”类，并从“#arrowLeft”中删除一个“selected”类。然后，当您运行 .cycle() 时，它将查看“#arrowRight”是否具有“已​​选择”类，如果是这样，则 .cycle() 将在没有 rev: 0 变量的情况下运行。否则，它将正常反转。当用户点击“#leftArrow”时，“selected”类将被删除。

if($("#arrowRight").hasClass("selected")) {

$('.rotateme').cycle({
    fx:'fade',

    speed:2500,
    timeout:3000,
    next:'#arrowright',
    prev:'#arrowleft',
    sync:1,pause:1 

});
}


else{
$('.rotateme').cycle({
    fx:'fade',

    speed:2500,
    timeout:3000,
    next:'#arrowright',
    prev:'#arrowleft',
    sync:1,pause:1
    rev: 0
});
}


$("#arrowRight").click({
    $(this).addClass({"selected"}); 
    $("#arrowLeft").removeClass({"selected"});
});


$("#arrowLeft").click({
    $(this).addClass({"selected"}); 
    $("#arrowRight").removeClass({"selected"});
});
于 2009-09-24T13:33:44.970 回答