問題タブ [jquery-cycle2]

私は 2 つの jQuery サイクル バージョン 2 を持っています。http://jquery.malsup.com/cycle2/ 両方のサイクルを制御する 1 つのナビゲーション (#nav) が必要です。まだ BETA であることはわかっているので、まだ可能ではないかもしれません..

例: http://jsfiddle.net/hfjXd/

プラグインCycle2でjScrollPaneを使用しようとしていますが、期待どおりに機能していません。

次の画像は、Cycle2プラグインのcycle-caption要素と、各スライドの動的コンテンツ（data-cycle-title）です。

そこで、jScrollPaneを使用してスクロールバーを追加しようとしています。OnLoadは期待どおりに機能しますが、循環するとすぐにスクロールペインが多くなり、最初のスライドに戻ると、2番目の画像のように表示されます。

したがって、私が使用しているコードは次のとおりです。

スライドショーの構成キャプションテンプレートなどの基本的な構造なので、関係ないと思います。

どうか、これが本当に必要です！:)

最後の画像に到達したらスライダーを停止したい。Cycle2プラグインを使用しています。画像をクリックすると、次の画像にスライドします。最後の画像がウィンドウの右端に表示されると、「次のスライド」が停止します。スライダーを止める計算をしてみました。注：静的な値としてopts.CarouselVisiblityを使用しないでください。私のコードはここにあります、

誰でもこれの解決策を言うことができますか？お願いします！

jQuery Cycle2 プラグインのコールバック イベントを使用してスライドショー スクリプトを作成します。div要素のフェード トランジションを使用した実際のサイクル自体。div内には画像があります。次に、コールバック イベントを使用して、画面の右から左に画像をアニメーション化します。次に、次のイベントにより、右側の画面から画像がアニメーション化されます。

スクリプトは機能しますが、私が抱えている問題は、イメージ アニメーションがフェード トランジションで順番に実行されることです。イベントがトリガーされるとすぐに、画像がスライドして見えなくなり、div が一斉にフェードアウトします。私が達成しようとしている効果は、次のモデルのようになります。

• トリガーイベント
• ディビジョンがフェードイン
• 短い遅延
• 画像アニメーションがスライドイン
• トリガーイベント
• イメージアニメーションがスライドアウト
• 短い遅延
• ディビジョンがフェードアウト

基本的に、サイクル プラグインのフェード トランジションが実行される前に、イメージ アニメーションを完了させたいと考えています。その遅延を設定する方法がわかりません。

参考までに、Cycle2 API: http://jquery.malsup.com/cycle2/api/

誰でも提供できるヘルプは大歓迎です！

編集：作業スクリプトのクイックフィドルをセットアップします：http://jsfiddle.net/ardsN/

Cycle2 のキャプションにトランジション効果を加える方法はありますか?

fadeInat eachなどのキャプションに何らかの効果を加えたいと考えていますcycle-update-view。

どうやってやるの？

これはCycle2に関するものです：http：//www.malsup.com/jquery/cycle2/

画像とコンテンツの説明が記載されたスライドショーがありdivます。目標は、最初に画像が遷移した後に説明をフェードインさせることです。私はとを使用してこれを達成しようとしてい'cycle-before'ます'cycle-after'。

しかし、私はこの機能の使い方を理解していないと思います。私の実際のバージョンでは、最初の遷移のみに説明の遅延​​があります。次のフィドルの例では、まったく機能しません。ヘルプ！

http://jsfiddle.net/56wQY/1/

1ページに6つのjQueryサイクルがあり、最初のサイクルを変更してから一時停止し、次に2番目のサイクルを数秒後に変更して一時停止し、最後のサイクルまで繰り返してから、最初に戻ります。 。

誰かが投稿したものを見ましたが、私のコードでは機能しません：

私のコードは：

Cycle2 を使用してスライドショーをリンクする方法を探しています。元のサイクルでこれを行う方法があったことは知っていますが、新しい API はかなり異なります。

基本的に、スライドショーごとに 2 つの領域が必要ですが、一方のスライドショーで [次へ] をクリックすると、もう一方のスライドショーも同様に進むように、それらをリンクする必要があります。これはポケットベルにも当てはまります。両方のスライドショーで使用しようとするとdata-cycle-pager="#pager"、ページャーが重複し、問題が発生し始めます。

これで運が良ければ大歓迎です。ありがとう！

スライドショーの作成に Cycle2 jQuery プラグインを使用しています。可能であれば、Vimeo の埋め込みを含めたいと考えています。作成者が作成した YouTube 埋め込み用の拡張機能はありますが、Vimeo についても、YouTube スクリプトを使用して回避策を作成する方法についても何もありません。誰もこれを前に試しましたか？また、これを達成するために、必要に応じて他のプラグインに関する提案も大歓迎です。