Mehrere Schieberegler mit jQuery-Zyklus synchronisieren

Question

Ich verwende jQuery Cycle für ein Projekt. Sie können mein Skript at pastebin sehen.

Grundsätzlich gibt es drei verschiedene Schieberegler, die an die gleichen Richtungssteuerungen gebunden sind. Ich möchte, dass ihre Übergänge synchronisiert werden.

So wie es steht, da es hier drei separate Slider-Instanzen gibt, beginnen sie synchron, aber manchmal fallen sie nicht mehr synchron, wenn Sie das Browser-Fenster oder etwas verlassen. Dies bewirkt, dass die Sequenzen außer Betrieb gehen und im Allgemeinen abstürzen. Ich möchte, dass alle Schieber genau zur selben Zeit feuern, vorzugsweise verbunden mit den .sliderImages Objektträgern.

Ich habe versucht, eine Funktion zu schaffen, die die anderen beiden Schieber enthält und dass auf dem .sliderImages Schieber in der before Option setzen, aber das macht es alles wackelig gehen und ich weiß nicht genug JS Lage sein, zu beheben.

Wie immer wird jede Hilfe geschätzt.

Danke!

Answer 1

Nachdem ich meinen Kopf eine Weile an die Wand geschlagen hatte, stolperte ich über Ryan Florence's jQuery Slideshow. Es ist viel (viel, viel) leichter als Cycle oder so ziemlich jedes andere Slideshow-Plugin, das ich ausprobiert habe (auch wenn es jQuery UI benötigt), es ist gut dokumentiert und relativ einfach zu sehen und funktioniert wie gewünscht.

Es gibt eine thread on his slideshow Github page, wo er mir geholfen hat, den Code richtig zu arbeiten, zusammen mit einem link to the final code.

Natürlich, wenn jemand Vorschläge hat, meinen Code zu verbessern, bin ich offen für sie. Aber dieses Plugin ist so einfach und vielseitig wie sie kommen.

Vielleicht ein talentierter Programmierer, als ich es Mobilfreundlich machen könnte, wie Flexslider ...

Answer 2

Wenn Sie (Fenster) .load Funktion den jquery Zyklus zum Laden und Verwenden von zwei verschiedenen Selektoren mit dem gleichen Optionen, dann sollten Sie zwei Schieberegler perfekt synchron sein.

Ich nehme an, das Timing wäre ausgeschaltet gewesen, wenn Sie sie als zwei separate Eingänge geladen haben und auch wenn Sie sie bereit geladen haben.

Wie auch immer, es funktioniert für mich.