丸ポチの代わりにテキストを入れたナビ付きコンテンツスライダーを作りたい

Question

###やりたいこと
・スマホページに、下記のようなコンテンツスライダーを構築したい。
・静的なものを作るが、最終的には動的コンテンツとして使いたい

具体的には、スライダー部の背景は固定で、
中のコンテンツのみスライドする。
すワイプでもスライドし、右左のナビでもスライド

下部に配置した各ナビでも、
丸ぽちのようにそれぞれ、該当のスライダーへ移動する。
料金や機種などの文字は日付などにしたり、動的に変えれるようにしたい。

###試したこと
・いろんなコンテンツスライダーのデモをみた
・その中でもswiperJSを試してみた

###わからないこと
・サムネイルをタップしたら、該当のスライダーが表示されるデモはよくあるが、
上記のようなデモが見当たらなかった。

「こうやれば、できるよ」、または、「ここの記事見ればできるよ」といった
アドバイスをいただきたいです。

Answer 1

custom pagination を使えば出来るとは思います。

【Swiper API】
http://idangero.us/swiper/api/#pagination

【Swiper/070-pagination-custom.html at master · nolimits4web/Swiper · GitHub】
https://github.com/nolimits4web/Swiper/blob/master/demos/070-pagination-custom.html

【Swiper demo】
http://idangero.us/swiper/demos/070-pagination-custom.html