1

以下のような小さなギャラリーを作ろうとしています - ここに画像の説明を入力

それらはかなり一般的であることを考えると、皆さんはそれらを見たことがあると思います。ブートストラップを使用して作成しようとすると、大きな問題に遭遇しました。小さい方の画像の 1 つをクリックすると、選択した画像に変わります。data-slide-to を使用しようとしていますが、「カルーセル インジケーター」の外では機能しないようです。画像をギャラリーに移動するため、カルーセル インジケーター リストに入れることができません (CSS でこれを修正できるかもしれませんが、私の試みは無駄でした)。誰も問題を知っていますか?機能していないように見える各画像の周りにタグを付けてみましたが、div を試しました。まだ何もありません。

私が試したこと:

  • で画像を囲みます。
  • 小さな画像をカルーセル内外に移動します。
  • 小さい画像用のカスタム クラスを作成します。

注意事項:

  • 私は3.0.0を使用しています
  • すべての画像が生成されます (まだ推測していない場合)
  • 小さい画像は大きい画像から分離されます (自動縮小されません)。

私がしようと計画していること:

  • データターゲット
  • IDの変更
  • すべてをカプセル化する div タグのクラスを変更します。
4

1 に答える 1

1

ブートストラップでは、カルーセルを「myCarousel」として識別し、各画像にデータターゲットを使用する必要があります。ID を変更し、データ ターゲットを設定すると、ギャラリーが機能するようになりました。

于 2013-11-11T23:19:22.640 に答える