滾動縮略圖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: "" 
}); 

您可以根據自己的滑塊規格修改所有的選項。