問題タブ [jquery-cycle2]

cycle2 の「反転」トランジションの「逆」機能を動作させることができませんか?

Link to fileにテスト Html ファイルを添付しました。スライドショー div に data-cycle-reverse=true を追加しましたが、それでも機能しません。誰かが私を助けることができますか？

Cycle2 スライドショーがあります。5 秒ごとにスライドを循環させたいのですが、ユーザーが上下のキーをクリックしてスライドを進められるようにしたいのです。上または下のキーがクリックされたとき、次または前に進む前にスライドショーがビジーでないことを確認したい。問題は、.cycle-busy をチェックすると、毎回 false が返されることです。スライドショーを一時停止に設定し、上下キーのクリックで .cycle-paused をチェックしようとしましたが、それも false を返します。何か不足していますか？

jquery 1.8.2 を使用しています。

cycle2 API の同期スライド ショーの例を使用する場合、スライド ショー間にシーケンシャルな遅延を追加しようとしています。例: 5 秒、10 秒、15 秒、20 秒 ... つまり、最初の div.cycle-slideshow が 5 秒で開始され、2 番目が 10 秒でトリガーされ、次に 15 秒でトリガーされ、次に 20 秒でトリガーされ、最初の div.cycle-slideshow が 25 秒で再び開始され、サイクルが進みます。 http://jsfiddle.net/azeef/Pefen/

どうすればそれを達成できますか?

私は奇妙なものを持っています。cycle2 を使用したスライドショーがうまく機能します。HTMLで次のように初期化しています：

initializedそして、私destroyedは

次に、使用してウィンドウのサイズ変更を監視する

基本的に、スライドショーがスライドショーで、ブラウザのサイズが 768 未満に変更された場合、スライド ショーは破棄されます (その後、CSS はコンテンツを中継する場合を想定します)。

もう 1 つの状態では、スライドショーが削除されたかどうかを確認し、ブラウザのサイズが 768 を超えてサイズ変更され、サイクルが再初期化されます。

両方のイベントが機能しているように見えます (サイクルのログのように、正しい時間にそれが行われていると言っています[cycle2] cycle-destroyedが[cycle2] --c2 init--、再初期化されると機能しません。

何か案は？

Cycle2 ( http://jquery.malsup.com/cycle2/ ) を使用して、Web サイトでウィザードのようなナビゲーションを作成しています。次のスライドに移行する前に、次のボタンをクリックしているときに現在のスライドを検証したいと考えています。

イベントを発生させて条件を実行しようとしましたcycle-beforeが、実際に遷移を停止する方法がわかりません。発砲時に次のようなコマンドが.cycle('stop')機能しないようですcycle-before- 次のスライドに進みます。

[次へ] ボタンの使用を許可する前に、スライドのいくつかの入力フィールドを検証する必要があります。

現在のセットアップは次のとおりです。

何か案は？

最近のプロジェクトでは、Cycle2 を使用しています。最新バージョンにアップグレードしました。コンテンツのレンダリングには Sitecore を使用しています。私が取ったアプローチ（以下）に関係なく、オートストップを機能させることができません。スライドショーごとに 2 ～ 3 枚のスライドがあり、1-2-3-1 のパターンで移動する必要があります。

次のようなルールで自動再生するようにレンダリングするかどうか:

または、「cycle-slideshow」クラスを使用せずに JS でプログラムによって再生する場合:

• JQuery を適切にロードしています。
• 機能について調査した後、自動停止に「true」と「1」の両方を試しました。
• Carousel と Swipe Cycle2 ライブラリも使用しています。
• 次のライブラリを同時にロードしています: fancybox 2.1.4、enquire、imagesloaded jquery.ba-resize、jquery.qtip、jquery.rwdImageMaps、Slimscroll、modernizer。
• 正常に循環します。ビューポートの変更のキャプチャに基づいてインラインで停止するようにできますが、標準の自動停止は機能しません。これは、concole の簡単なログ キャプチャです (IE、FF、および Chrome で同じ)。
• [cycle2] --c2 init-- jquery.cycle2.min.js:6
• [cycle2] 速度: 3000 (数値) jquery.cycle2.min.js:6
• [cycle2] autostop: true (ブール値) jquery.cycle2.min.js:6
• [サイクル 2] タイムアウト: 5000 (数値) jquery.cycle2.min.js:6
• [cycle2] autoHeight: コンテナ (文字列) jquery.cycle2.min.js:6
• [cycle2] スライド: > li (文字列) jquery.cycle2.min.js:6
• 静的コンテンツを使用した Raw HTML モードで同じ動作を示しています。
• さらに、JS Lint を介してページと共に起動するすべての JS を実行しました。

ヘルプ/提案をいただければ幸いです。御時間ありがとうございます。

だから、私が得ていないのは反復的なものでなければなりません! 複数の cycle2 スライドショーを表示するテンプレート ファイルに for ループがあります。

もともと私はこれをmouseenterで動作させていたので、forループ内の.imageごとに実行しました。今、私はそれをいじって、準備ができているすべての画像をロードします。これは私がこれまでに持っているものですが、cycle2 スライドショーのすべてのインスタンスに対して最初の画像配列のみをロードします。

私はこの行であらゆる種類を試しました:

.children と img:eq(0) を使用するのと同様ですが、上記は画像サイズ パラメータが正しく取り込まれている場合に最適に機能します。

しかし、cycle2 の各インスタンスが独自の json 配列をリストするように反復するにはどうすればよいでしょうか?

どんな助けでも大歓迎です。

以下の回答を明確にするために編集して、役立つかどうかを確認します。