navigation - Flexslider 隐藏幻灯片下方的项目符号

Question

我正在使用一个非常基本的滑块，我有两个问题：

1. 我似乎没有找到隐藏幻灯片下方默认按钮控件的属性？我希望只有上一个/下一个悬停控件。

2. 如果我不能有选项 1，我自己的控件会隐藏默认值吗？

提前感谢您的帮助！

代码：

<script type="text/javascript" charset="utf-8">
  $(window).load(function() {
    $('.flexslider').flexslider();
  });
</script>

HTML：

<div class="flexslider">
<ul class="slides">
<li> <img src="http://www.xx.com/1.jpg" alt="" /> </li>
<li> <img src="http://www.xx.com/2.jpg" alt="" /> </li>
<li> <img src="http://www.xx.com/3.jpg" alt="" /> </li>
</ul>
</div>

Answer 1

您应该将“controlNav：false”传递给 flexslider()：

  $('.flexslider').flexslider({
    controlNav: false
  });

Answer 2

<script type="text/javascript" charset="utf-8">
$(window).load(function() {
    $('.flexslider').flexslider({
        controlNav: false
    });
});
</script>

Answer 3

弹性下一个：

$('#article-slider').flexslider({
  animation: "slide",
  controlNav: false,
  animationLoop: false,
  slideshow: false,
  sync: "#article-carousel",
  rtl: true,
  start: function(slider) {
    $('body').removeClass('loading');
  }
});