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

flex-下一个：

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

Answer 4

我在自定义 CSS 框中使用了底部的脚本（带有 0），它适用于 PC，但不适用于移动滑块在手机上查看