javascript - 想要 Bxslider Pager 直接滑动到合适的幻灯片

Question

我正在使用 bxSlider，假设我有 5 张幻灯片的内容，我想当我在第 1 张幻灯片上时，单击第 5 个寻呼机，它的幻灯片紧挨着第 5 个。像(第 5 张旁边的第 1 张幻灯片)，不像第 1 张幻灯片(第 2、3、4)然后第 5 张幻灯片，请帮帮我。

$('.bxslider').bxSlider({
  auto: true,
  controls: false,
autoHover: true,
 pagerCustom: '#bx-pager'
});

Answer 1

Here you go :

$('.bxslider').bxSlider({
  mode: 'fade',
  speed: 0,
  captions: true
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.jsdelivr.net/bxslider/4.1.1/jquery.bxslider.min.js"></script>
<link href="http://cdn.jsdelivr.net/bxslider/4.1.1/jquery.bxslider.css" rel="stylesheet" />
<ul class="bxslider">
  <li>
    <img src="http://placehold.it/800x250/5E7074/FFFFFF&text=Slide-One" />
  </li>
  <li>
    <img src="http://placehold.it/800x250/5E7074/FFFFFF&text=Slide-Two" />
  </li>
  <li>
    <img src="http://placehold.it/800x250/5E7074/FFFFFF&text=Slide-Three" />
  </li>
  <li>
    <img src="http://placehold.it/800x250/5E7074/FFFFFF&text=Slide-Four" />
  </li>
</ul>