jQueryを用いたスライダーでページナビゲーション(左右に表示されるものではなく、ページ下部にスライドさせるスライダーの枚数のリンクを表示したナビゲーションです)をスライド画像ごとスライドさせるにはどうしたらよいでしょうか。
良い案が見つからず悩んでいるのでご存知の方いらっしゃいましたらご教示いただきたいです。
スライダーはbxsliderを使用する想定ですが、他のスライダープラグイン等でも構いません。
よろしくお願いいたします。
bxsliderにはセレクタ(質問者様の言葉で言うとページナビゲーション)をカスタムできるようなので
http://bxslider.com/examples/custom-next-prev-selectors
画像だけではなくて
画像とカスタムセレクタ自体をスライドさせるようにしてはいかがでしょうか?
サムネイルページャーをスライドさせたいとのことで
bxsliderで行う方としては
http://bxslider.com/options#onSliderLoad
Callback関数が用意されているのでスライドを2つ用意して
スライドA(メイン用)とスライドB(サムネイル用)
自分のスライドが動いたタイミングで別のスライドを動かすという方法ができると思います。
スライドBが動く→スライドBのコールバックが働く→スライドBのコールバック中にスライドAをスライドさせる関数を記述する
とすることでサムネイルページャーもスライド化できると思います。