Flexslider hide bullets below slide show

Question

I use a very simple slider, and I have 2 questions:

• I don’t seem to find a property that hides the default controls under the slide show? I want to have only previous / next controls when it hangs.

• If I cannot have option 1, will my own controls hide the default values?

Thanks in advance for your help!

the code:

<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

You should pass "controlNav: false" to 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-next:

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