JQuery Cycle -Plugin stoppen Sie nach dem Umschalten auf eine andere Registerkarte

Question

ich benutze JQuery -Zyklus Plugin mit den folgenden Einstellungen. Photos rutschen ohne Problem gut aus, aber wenn ich auf eine andere Registerkarte des Browsers klicke und 10 SN dann auf die Registerkarte SlideShow warte und ich sehe, dass Diashow gestoppt wird. Es passt nicht zum nächsten Foto. Was kann dieses Problem verursachen?

    var slideShow = $('.slideshow-container').cycle({ fx: 'fade', timeout: 3000, speed: 500, fastOnEvent: 1,
        skipInitializationCallbacks: true,
        pause: 1
    });

Ich verwende JQuery 1.6.2 und Cycle Version 2.9995 (Neueste).

Sie können es testen jsfiddle.net

Answer 1

Also gut, ich glaube, ich habe es verstanden. Es funktioniert jetzt, zumindest mit den von Ihrem Code angegebenen Optionen. Ich bin mir nicht sicher (denn ich habe es nicht getestet), wenn meine Implementierung gut mit anderen Optionen mitspielt, die an Cycle -Plugin übergeben werden können.

Der Grund, warum dieses Problem aufgetreten ist, war, dass die nächste Iteration, bei der der Übergang vorliegt, vor Abschluss des vorherigen Übergangs eingerichtet wurde. In einigen Fällen wurde der nächste Übergang abgefeuert, bevor der vorherige Vorgang abgeschlossen ist. Am Anfang dieses neuen Übergangs gibt es eine Überprüfung, wenn bereits andere Animationen vorhanden sind - wenn ja, würde die Funktion einfach zurückkehren und aufhören (ohne die nächste Iteration einzurichten). Nachdem die laufende Animation beendet war, wurde die Diashow gestoppt, da kein nächster Übergang geplant war.

Ich habe das Cycle -Plugin auf GitHub gegabelt und mein Fix veröffentlicht: https://github.com/wtk/cycle