1

私はjQuery画像カルーセル/ローテーターに取り組んでいますが、動けなくなりました。通常、私は自分のカルーセルに Bootstrap を使用しており、また喜んで使用しますが、このカルーセルには、Bootstrap では処理できないと思われる追加の機能があります。Smarty テンプレートを使用しているため、カルーセルのコンテンツとカルーセル内のアイテムの数は完全に可変です。

私がやりたいことを説明するグラフィックを添付しました。図のセクション A は、典型的なサムネイルと矢印ベースのカルーセル ナビゲーションです。セクション B はカルーセルの現在の画像で、下から上にスライドします。セクション A と B は両方とも Bootstrap で作業しています。セクション C で問題が発生しています。カルーセルが回転するときに、指定された 3 つのコンテナーを循環して、キャプションを表示する必要があります。キャプションを上から下に移動させたいと思います (次のキャプションと前のキャプションは、私が描いた場所の反対です!)。

これを行うためにセットアップまたは変更できるプラグインを誰かが知っていれば、それは素晴らしいことです。また、この習慣をどのように行うかについて誰かが持っているアイデアを聞きたいです. .active、.previous、.next などのクラスを追加するのも 1 つの方法だと思いますが、最初からインデックスを処理する方法がわかりません。正直なところ、これは私の能力の上限に近づいているため、追加のキックが必要です。

残念ながら、私は現在の Bootstrap/Smarty コードをあなたと共有する立場にありません :( ただし、質問があれば喜んでお答えします。

私のカルーセルのジレンマの簡単なスケッチ

4

1 に答える 1