javascript - 滚动缩略图 Bxslider

Question

我想创建一个按钮，即来回寻呼机的按钮。该标记

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

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

您可以根据您的 slider 规范修改所有选项。