Bxslider to remove dots from pager and replace them with numbers like 1 of 4 with next-prev links
<p>Hi friends I am almost done with all the customization I need, which means I have got the total number of sliders and current slide but I need them to be placed exactly at the center where bullets (dots in pager) are now running. I need next and prev links as well, please refer image below. There you can see my <strong><a href="http://jsfiddle.net/h4wochdk/" rel="nofollow noreferrer">Fiddle</a></strong>.</p>

<p>As you can see in fiddle I have got the number in form how I want like 1 of 4, but I need those numbers to be replace the dots, see the image and Fiddle below. For more info please leave comment.<img src="https://i.stack.imgur.com/cYLkq.png" alt="enter image description here">]</p>

<pre><code> [1]: http://jsfiddle.net/h4wochdk/
</code></pre>