Javascript 滚动缩略图Bxslider

我想创建一个

按钮

，

按钮

来回切换到寻呼机。那个标记

    $('.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>

$（'.bxslider'）.bxslider({
pagerCustom:“#bx寻呼机”
});

这些应该是结果

---

我也有同样的情况。这是我的快速解决方案

只需为寻呼机项目初始化一个新的BxSlider转盘即可：

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

---

您可以根据滑块规格修改所有选项。

我也有相同的情况。这是我的快速解决方案

只需为寻呼机项目初始化一个新的BxSlider转盘即可：

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

您可以根据滑块规格修改所有选项