基本的JQuery滑动条-如何在底部删除幻灯片号

Basic JQuery Slider - How to remove slide number at bottom?

本文关键字：底部 删除 幻灯片 JQuery      更新时间：2023-09-26

我使用的是来自以下站点的基本JQuery SLider。http://www.basic-slider.com/

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

来实现所需的效果

<script class="secret-source">
  jQuery(document).ready(function($) {
    $('#banner-fade').bjqs({
      height      : 320,
      width       : 620,
      responsive  : true,
      showmarkers : false
    });
  });
</script>

您可以通过以下两种方式完成:

从你的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;
  }

如何使用css:

隐藏这些元素呢?
.bjqs-markers {
    display: none;
}

您可以通过添加以下css

来隐藏
ol.bjqs-markers {
        display: none;
    }
相关文章：