プロジェクトで jQuery Cycle を使用しています。私のスクリプトは pastebin で見ることができます。
基本的に、同じ方向コントロールに関連付けられた 3 つの異なるスライダーがあります。それらの遷移を同期させたいと思います。
現状では、ここには 3 つの個別のスライダー インスタンスがあるため、最初は同期されていますが、最終的には同期がとれなくなります。ブラウザー ウィンドウなどを離れると、すぐに同期が取れなくなることもあります。これにより、シーケンスが順不同になり、一般的に見栄えが悪くなります。.sliderImagesできればスライドにリンクして、すべてのスライダーをまったく同時に起動したいと思います。
他の 2 つのスライダーを含む関数を作成し、それをスライダーのbeforeオプションに入れようとしました.sliderImagesが、それはすべて不安定になり、トラブルシューティングできる十分な JS を知りません。
いつものように、どんな助けでも大歓迎です。
ありがとう！
それで、しばらく壁に頭をぶつけた後、Ryan Florence の jQuery Slideshowに出くわしました。これは、Cycle や、私が試したほとんどすべてのスライドショー プラグイン (jQuery UI が必要ですが) よりもはるかに (はるかに) 軽量であり、十分に文書化されており、ドロップインして希望どおりに作業するのが比較的簡単です。
彼のスライドショーの Github ページには、最終的なコードへのリンクとともに、コードを適切に機能させるのを手伝ってくれたスレッドがあります。
もちろん、誰かが私のコードを改善するための提案を持っていれば、私はそれを受け入れます。しかし、このプラグインは非常にシンプルで汎用性があります。
Flexsliderのように、モバイル フレンドリーにするよりも才能のあるプログラマーかもしれません...
(window).load 関数を使用して jquery サイクルをロードし、同じオプションで 2 つの異なるセレクターを使用すると、2 つのスライダーが完全に同期するはずです。
それらを2つの別々のinitとしてロードし、それらをreadyでロードした場合、タイミングがずれていたと思います。
とにかく、それは私のために働きます。