Question

我想覆盖bx滑块prev，然后左右两边用glyphicons chevron。我怎么能得到那个呢？

这是代码：

      <div class="bx-controls-direction">
       <a class="bx-prev" href="">Prev</a>
       <a class="bx-next" href="">Next</a></div>

如何用bx滑块中的下面跨度代码替换prev和next？

<span class="glyphicon glyphicon-chevron-left orange"></span>
<span class="glyphicon glyphicon-chevron-Right orange"></span>

Answer 1

bxSlider提供了nextText和prevText选项来更改控件的文本。 https://github.com/stevenwanderski/bxslider-4#user-content-controls

应该可以将您的图标html直接写入选项，因为字符串将直接添加到创建滑块： https://github.com/stevenwanderski/bxslider-4/blob/master/src/js/jquery.bxslider.js#L665

$(document).ready(function(){
  $('.bxslider').bxSlider({
    prevText: '<span class="glyphicon glyphicon-chevron-left orange"></span>',
    nextText: '<span class="glyphicon glyphicon-chevron-right orange"></span>'
  });
});

希望有所帮助！

使用Glyphicons覆盖bxSlider Custom pre next Button的名称？

1 个答案: