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

Question

有没有一种方法可以用表示每张幻灯片的单词（例如在其下方滑动内容的可点击菜单）替换滑块寻呼机中的圆圈？选项在这里 http://bxslider.com/options 但不确定哪个可以完成此操作？

Answer 1

使用buildPager:

If supplied, function is called on every slide element, and the returned value is used as the pager item markup.

示例页面在这里：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>';
    }
  }
});