(bxslider)使用带单词而不是圆圈的滑块寻呼机

Question

有没有一种方法可以用代表每张幻灯片的单词来代替滑块的寻呼机中的圆圈（比如一个可点击菜单，它可以滑动下面的内容）？选项在这里http://bxslider.com/options但不确定哪一个能做到这一点？

Answer 1

使用buildPager:

如果提供，则会对每个幻灯片元素调用函数，并且返回的值用作寻呼机项标记。

示例页面如下：http://bxslider.com/examples/thumbnail-pager-2

你的代码看起来像这样：

$('.bxslider').bxSlider({
  buildPager: function(slideIndex){
    switch(slideIndex){
      case 0:
        return '<div>First slide</div>';
      case 1:
        return '<div>Secoond slide</div>';
      case 2:
        return '<div>Third slide</div>';
    }
  }
});