

jQueryを用いたスライダーでページナビゲーション（左右に表示されるものではなく、ページ下部にスライドさせるスライダーの枚数のリンクを表示したナビゲーションです）をスライド画像ごとスライドさせるにはどうしたらよいでしょうか。  
良い案が見つからず悩んでいるのでご存知の方いらっしゃいましたらご教示いただきたいです。

スライダーはbxsliderを使用する想定ですが、他のスライダープラグイン等でも構いません。

よろしくお願いいたします。


CC BY-SA 3.0
2017-06-02T09:09:30.490
35222
2022-08-05T15:07:35.687
2017-06-05T21:22:18.787
10655
10655
question
javascript jquery
jQueryを用いたスライダーでページナビゲーションごとスライドさせるにはどうしたらよいでしょうか。


bxsliderにはセレクタ（質問者様の言葉で言うとページナビゲーション）をカスタムできるようなので

<http://bxslider.com/examples/custom-next-prev-selectors>  
画像だけではなくて  
画像とカスタムセレクタ自体をスライドさせるようにしてはいかがでしょうか？


CC BY-SA 3.0
2017-06-05T02:48:37.573
35283
2017-06-05T02:48:37.573
22665
35222
answer


サムネイルページャーをスライドさせたいとのことで  
bxsliderで行う方としては  
<http://bxslider.com/options#onSliderLoad>

Callback関数が用意されているのでスライドを2つ用意して  
スライドA（メイン用）とスライドB（サムネイル用）  
自分のスライドが動いたタイミングで別のスライドを動かすという方法ができると思います。

スライドBが動く→スライドBのコールバックが働く→スライドBのコールバック中にスライドAをスライドさせる関数を記述する

とすることでサムネイルページャーもスライド化できると思います。


CC BY-SA 3.0
2017-06-06T00:20:50.703
35321
2017-06-06T00:20:50.703
22665
35222
answer