javascript - BxSlider Thumbnails

Question

I can not understand how to make thumbnails. I copy the code from the example, but the slider does not work. Сan someone show full code?

Answer 1

它不会制作缩略图，但可以在脚本中硬编码，例如：

在脚本中

$('.slider').bxSlider({
auto: true,
pager: true,
controls:false,
speed: 2000,
pause: 8000,
mode: 'fade',
buildPager: function(slideIndex){
  switch (slideIndex){
    case 0:
      return '<a href="">Pager1</a>';
    case 1:
      return '<a href="">Pager2</a>';
    case 2:
      return '<a href="">Pager3</a>';
    case 3:
      return '<a href="">Pager4</a>';
  }
}   
});

并在 html 中创建带有 id = 滑块的 'ul' 和四个 'li'。

希望这有帮助。