jQuery Zyklus verblassen Auftragsänderung

Question

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

Hai Gecken, über den Code ist, was ich für ein Bild Schieber verwenden, in dem die Bilder in einem Zyklus verblassen (das war offensichtlich).

Wie auch immer, das ist, was passiert:

Wenn es durch die li Elemente Radfahren, die vorherige Taste kehrt mich zum li Elemente, das gerade ausgeblendet hat und dann weiter unten in der Liste.

Was ich will, passiert sein:

Ich mag die vorherige Taste mich zum vorherigen Elemente zurückzukehren und die Richtung zu umkehren, so würde es nicht auf der Liste gehen zurück, sondern würde steigen.

Die offensichtliche Lösung ist eine separate bind für die #arrowright machen mit:

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

Dies funktioniert bis zu einem Grad und versagt hier: wenn ich #arrowright erneut auf, es wird die Richtung wieder (DOH) umgekehrt bedeutet, dass #arrowright tatsächlich ein Umschaltknopf ist und ich brauche das nicht ...

Irgendwelche Vorschläge?

Answer 1

// Dieser Code-Schnipsel wird eine Klasse ‚ausgewählt‘ auf „#arrowRight“, und nehmen Sie eine Klasse „ausgewählt“ aus „#arrowLeft“ hinzufügen. Dann, wenn Sie die .cycle () laufen wird es sehen, wenn „#arrowRight“ die Klasse hat ‚ausgewählt‘, und wenn das stimmt, dann .cycle () ohne den rev laufen: 0 Variable. Andernfalls wird es in der Regel umgekehrt. Wenn der Benutzer auf „#leftArrow“ der Klasse klickt ‚ausgewählt‘ werden entfernt.

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"});
});