問題タブ [jquery-cycle2]

まったく活性化していません。プラグインのデモ ページにあるコードをそのままコピーしました。

ネストされた 1 つのスライドショーを含む、サイト上のいくつかのスライドショーに cycle2 プラグインを正常に実装しました。私はすべての単純で明白な機能を持っていますが、私の頭の上にある高度なビットに問題があります.

ネストされたスライドショーが 1 つあります。カテゴリのスライドショーでは、個々のスライドが表示されます。親スライドショーにはページャー ナビゲーションがあり、内側の各スライドショーには次/前のナビゲーションがあります。私はサイクルを使用する前にこのセットアップを行いました。サイクル バージョンで作業したことの 1 つは、現在アクティブな内部ショーのみを実行させる js でした。今回、整理できなかったのはこれです。

何が起こっているかというと、category1 が最初にロードされると、cat1 の内側のスライドが進行します。それらは、次/前と同様に自動進行します。しかし、次にカテゴリ 2 をクリックすると、cat2 の内側のスライドは、cat1 がスライドしたときと同じ位置にあります。これは、ページをめくっていくカテゴリに当てはまります。すべての内側のスライドショーの進行は、自動進行を待っている場合でも、次/前のナビゲーションを使用している場合でも同じです。私が望んでいるのは、カテゴリ 1 がロードされ、それらを少し調べてから、別のカテゴリをクリックすると、内側のスライドの新しいセットがロードされると、独自のセットの最初から始まるということです。スライド 2.3 を見て、カテゴリ 4 をクリックすると、次に表示されるのは 4.3 ではなく 4.1 です。理想的には、スライドショーを終了するときに各内部スライドショーを一時停止したいのですが、そのため、戻ってきた場合は、中断したところから再開します。でもせめて、見えないまま進めないでほしい。

Malsup のサイトにネストされたスライド ショーのサンプルがありますが、ソース コードの js は少し頭を悩ませています。ほとんどの場合、それが何をしているのかはわかります（子スライドショーが完了すると、parent1からparent2、parent3に自動的に進み、子スライドショーは1回だけ実行されてからシャットダウンします）、jsと私が達成しようとしているものに対して独自のソリューションを展開するのに十分なさまざまなコマンドとイベントが利用可能です。そして、新しいバージョンは明らかに新しすぎて、私が選んで理解できるどこかですでに解決されている答えがありません. ;-)

これは、問題を解決するための私の非常に貧弱な試みのjsfiddleです。

ありがとう！！

私はウェブサイトを再設計しており、jquery サイクルから jquery サイクル 2 にアップグレードしています。サイクルを最新のニュース/イベントとして使用しているため、各スライドはリンクとして機能する画像を含む div です。

http://www.fbclovis.com/newsite

ただし、ご覧のとおり、画像はコンテナー div の左上隅にあり、中央に配置されていません。コンテナのパディングを 15px に設定しましたが、これによりきれいになりますが、無視されています。この問題は、「data-cycle-slides」サイクル オプションを "> div.promo" に設定した場合にのみ発生します。div の外に画像がある場合は、問題なく動作します。スライドの余白を 15px に設定し、コンテナのパディングを 0px に設定しても機能しますが、これは正しいコーディングではなく、セマンティックにするのが好きです。

では、jquery サイクル 2 がスライドショー コンテナーのパディングを無視するのはなぜですか?

これを行うことは可能ですか？

http://jquery.malsup.com/cycle2/

コールバック イベントを使用する必要がありますか。

ありがとう

JQuery Cycle2 を実装しようとすると、次のコンソール エラーが発生します。

TypeError: e.fn.cycle は定義されていません

ここで何が問題なのですか？