Flexslider隐藏幻灯片下方的子弹

时间:2013-06-06 14:58:54

标签: navigation flexslider

我使用的是一个非常基本的滑块,我有两个问题:

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

  2. 如果我没有选项1,我自己的控件会隐藏默认值吗?

  3. 提前感谢您的帮助!

    代码:     

    <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>
    

3 个答案:

答案 0 :(得分:19)

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

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

答案 1 :(得分:7)

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

答案 2 :(得分:0)

flex-next:

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