javascript - (bxslider) 使用带有文字而不是圆圈的 slider 寻呼机

Question

有没有办法用代表每张幻灯片的单词替换寻呼机中 slider 的圆圈(就像可单击的菜单，滑动其下方的内容)？选项在这里http://bxslider.com/options但不确定哪一个可以实现这一目标？

Answer 1

使用buildPager :

If supplied, function is called on every slide element, and thereturned 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>';
    }
  }
});