web-dev-qa-db-ja.com

Flexsliderのサムネイルナビゲーションの作成

これを作成したい：

http://flexslider.woothemes.com/thumbnail-controlnav.html

Flexsliderの使用。

Flexsliderの詳細オプションには、「ナビゲーションとして使用」するオプションがあることがわかります。別のFlexsliderスライドハウ（サムネイルがいっぱい）をナビゲーションとして設定しようとしましたが、正しく機能していないようです。

メインスライダーと、その下にメインスライダーのナビゲーションメニューとして機能するサムネイルでいっぱいのスライダーが必要です。これどうやってするの？

viewsjavascript
2
Optymystyc
  • インストール Flexslider モジュール
  • 画像をビューとして表示する必要がある場合は、Flexslider表示モードの設定で[スライダーとサムネイルコントロールナビゲーションパターン付き]オプションセットを選択します。
  • 画像を多値の画像フィールドで表示する場合は、[表示の管理]タブのフィールドで[サムネイルコントロールナビゲーションパターン付きのスライダー]を選択します。

controlNav pattern （あなたが言及した）は thumbnail slider と同じではないことに注意してください。

1
Alex Bukach

サムネイル付きDrupalフレックススライダーギャラリー http://www.reinisfischer.com/drupal-developer/drupal-flex-slider-gallery-thumbnails

1
VVS
  • Flexsliderモジュールをインストールする
  • オプションセットのサムネイルスライダーを追加します（管理者/構成/フレックススライダー/）チェック
  • 最小アイテム表示するカルーセルアイテムの最小数。
  • 最大アイテム表示するカルーセルアイテムの最大数。必要に応じて設定することもできます
  • アイテムの幅水平方向の境界線とパディングを含む、個々のカルーセルアイテムのボックスモデルの幅。
  • カルーセル項目間の項目マージン。 （注意：マージンはCSSスタイルで設定する必要があります。このプロパティはFlexSliderにマージンを通知するだけです。）
1
Naveen

enter image description here

「ナビゲーションとコントロール」タブのflexslider設定メニューに移動しますサムネイルとして「ページコントロール」を選択します

0
Vamsi