基本JQuery滑块 - 如何删除底部的幻灯片编号？

Question

我正在使用以下站点的Basic JQuery SLider。 http://www.basic-slider.com/ 请给我答案，删除Basic JQuery Slider滑块上的幻灯片编号..

Answer 1

您还可以通过将showmarkers : false添加到js脚本

来实现所需的效果

<script class="secret-source">
  jQuery(document).ready(function($) {

    $('#banner-fade').bjqs({
      height      : 320,
      width       : 620,
      responsive  : true,
      showmarkers : false
    });

  });
</script>

Answer 2

用css隐藏这些元素怎么样：

.bjqs-markers {
    display: none;
}

Answer 3

您可以通过添加以下css来隐藏

ol.bjqs-markers {
        display: none;
    }

Answer 4

你可以通过两种方式实现这一目标：

从html中删除以下代码行，

<ol class="bjqs-markers h-centered" style="left: 0px;">
  <li class=""><a href="#">1</a></li>
  <li class="active-marker"><a href="#">2</a></li>
  <li class=""><a href="#">3</a></li>
</ol>

或

将以下代码行添加到您的CSS中。

ol.bjqs-markers {
        display: none;
  }