サムネイルをスクロールするBxslider

Question

button、buttonをページャと往復して作成します。そのマークアップ

$('.bxslider').bxSlider({ 
      pagerCustom: '#bx-pager' 
    }); 
    <ul class="bxslider"> 
     <li><img src="/images/one.jpg" /></li> 
     <li><img src="/images/two.jpg" /></li> 
     <li><img src="/images/tree.jpg" /></li> 
    </ul> 


    <div id="bx-pager"> 
     <a data-slide-index="0" href=""><img src="/images/thumbs/one.jpg" /></a> 
     <a data-slide-index="1" href=""><img src="/images/thumbs/two.jpg" /></a> 
     <a data-slide-index="2" href=""><img src="/images/thumbs/tree.jpg" /></a> 
    </div> 

は、これらは、私は同じケースを持って

Answer 1

結果でなければなりません。ここに私の速い解決策があります。

ただ、ページャ項目に対して新しいBxSliderカルーセルを初期化します。

$("#bx-pager").bxSlider({ 
    slideWidth: 275, 
    minSlides: 3, 
    maxSlides: 3, 
    slideMargin: 0, 
    controls: true, 
    pager: false, 
    infiniteLoop: false, 
    prevText: "", 
    nextText: "" 
}); 

あなたはスライダーの仕様に応じて、すべてのオプションを変更することができます。