Question

我使用bxSlider，假设我有5个幻灯片内容，我想在第一张幻灯片上点击第5页，第5页旁边的幻灯片。喜欢（第5张，第5张），不像第1张幻灯片（第2张第3张第4张），第5张，请帮帮我。

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

Answer 1

你走了：

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

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

1 个答案: