Slick curseur de remplacer les points avec les numéros de

Je suis en train de remplacer la Nappe de slider /carrousel de pagination avec des nombres à la place des points. J'ai le projet d'installation en js fiddle et je dois avoir une fonction personnalisée qui affiche la diapositive en cours compte d'un total de 6. Je suis actuellement juste '1' remplacer les points, mais j'aimerais avoir les chiffres représentent le nombre total de diapositives.

JS Fiddle Démo

HTML

<section class="slider">
 <div>slide1</div>
 <div>slide2</div>
 <div>slide3</div>
 <div>slide4</div>
 <div>slide5</div>
 <div>slide6</div>
</section>

<span class="pagingInfo"></span>

Javascript

$(".slider").slick({
autoplay: true,
dots: true,
customPaging : function(slider, i) {
var thumb = $(slider.$slides[i]).data();
return '<a>1</a>';
},
responsive: [{ 
    breakpoint: 500,
    settings: {
        dots: false,
        arrows: false,
        infinite: false,
        slidesToShow: 2,
        slidesToScroll: 2
    } 
}]
});

OriginalL'auteur Mills | 2016-01-07