how to print slide number on controlNav in flexslider

Question

I want slide number on each navigation bar bullet points

HTML code

<div id="slideshow">
  <div class="container">
    <div class="flexslider showOnMouseover ">
      <ul class="slides">
        <li> <img src="sliders/images/1.png" alt="" /> <div class="flex-caption"><img src="sliders/images/1-1.png" alt=""></div></li>
        <li> <img src="sliders/images/2.png" alt="" /> <div class="flex-caption"><img src="sliders/images/1-2.png" alt=""></div></li>
      </ul>
    </div>

Answer 1

you can do that by removing a class name

use the below code to do it as soon as the slider starts.

$('.flexslider').flexslider({
    start : function(){
        $('.flex-control-paging').removeClass('flex-control-paging');
    }
});

NOTE: You may need to change some more css to make it look pretty