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

Posted 2023-04-13

【中文标题】Flexslider 隐藏幻灯片下方的项目符号

【英文标题】：Flexslider hide bullets below slideshow

【发布时间】：2013-06-02 15:53:12

【问题描述】：

我正在使用一个非常基本的滑块，我有 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"  /> </li>
<li> <img src="http://www.xx.com/2.jpg"  /> </li>
<li> <img src="http://www.xx.com/3.jpg"  /> </li>
</ul>
</div>

【参考方案1】：

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

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

【参考方案2】：

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

【讨论】：

请解释一下你做了什么

【参考方案3】：

弹性下一个：

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

【讨论】：

请解释你的答案