FlexSliderのカルーセル動作について

Question

FlexSliderを今回初めて使う事になりました。

$('.flexslider').flexslider({
    animation: "slide",
    itemWidth: 540,
    itemMargin: 15
});

こんな感じでとりあえず動作はします。
ただ、たとえばアイテムが３つあり、
画面上に二つずつ表示させたとします。
wrapperが1100pxで上記のitemWidth:540だととりあえず上記指定でも二つ表示されるのまでは問題ないです。

そうすると

１ ２

からスタートして

２ ３

がつぎにくるまでは良いのですが、その次に

１ ２

に戻ってしまいます。
私の期待としては

３ １

となってほしいのです。
下のドットのナビゲーションもアイテム数出てほしいのですが、
どうやらページ数？になってるようで二つしか表示されません。
今回なら３つのドットが表示されてほしいのです。

オプションも一通り眺めてmaxItemとかminItemとか調整してみましたが期待通りになりません。

解決法がありますでしょうか？

よろしくお願いします。

Answer 1

flexslider2にその動作が実装されていないように見受けられます。
bxSlider や slick などであればデモにも希望されている動きが有るので、他を探されるのが手早いと思います。

【高機能なJavaScriptの人気スライダープラグイン4つを実際に使ってレビューしてみた | 株式会社LIG】
http://liginc.co.jp/web/js/jquery/158379

【Examples | Responsive jQuery Slider | bxSlider】
http://bxslider.com/examples/carousel-demystified#example4

【slick - the last carousel you'll ever need】
http://kenwheeler.github.io/slick/

【Swiper Demos】
http://idangero.us/swiper/demos/

Comments

[landy77]

なんと・・・
カルーセルなら普通に実装してても良さそうな動作なんですけどねぇ・・

他のスライダーで組み直します！