FlexSliderの詳細な設定方法

Question

下記のサイトのメインビジュアルのような設定にしたいです。
http://shukatsu.jam-tv.jp/

現在、自社サイトにてFlexSliderを使用してます。
そのため、いまいちオリジナルのカスタマイズの方法がわかりません。

こちらどなたか設定方法、もしくは詳細なサイトをご教示頂けますと幸いです。

Answer 1

こういうもののことでしょうか？？

【jQuery】超万能スライダー FlexSlider の使い方をマスターする。
画像をスライドショーで見せる FlexSlider2

Comments

[growthposition]

上記のサイトを参考にさせて頂きました。
ありがとうございます。

その上で
１、画像の大きさを変更する
２、中央寄せにする
３、前後の画像を表示させる

ということをやりたいです。
個別相談のような形になり、大変恐縮ですが
本当にありがとうございます。

[gin]

1,2はサンプルなどを見ればすぐできると思いますが、3はFlexSliderでは結構しんどいと思います。
メインと前後の3枚出すことはそう難しくないですが、画像リストの終わりから先頭にもどるループがなめらかではないのがかなり目立ちます。そのほか調整していく中でこまごまと気になる点があれば修正していくことになるのでaKusanoさんのいうように特にこだわりがなければJSを変える方がいいと思います。
flexsliderでないとどうしてもダメという状況であればある程度組んでみてつまずいた箇所を具体的に提示し新たに質問してみるといいと思います。

[growthposition]

jsを替えます！
ありがとうございます。

Answer 2

flexslider自体に前後の画像を表示して中央寄せにするオプションは無いので
かなりカスタマイズしないとできなかったと記憶しています。

同様にデフォルトではできないbxsliderをカスタマイズした例ですと
こんな感じです

想定していない挙動をさせようと思うとかなり面倒なことになるので、
flexsliderでなければならない理由がないなら、最初からそのオプションがあるsliderプラグインに
変えてしまったほうが幸せになれます。
例えばslick.jsとかですね。

Comments

[growthposition]

ありがとうございます。
slick.js使用したいと思います！！