slick slide count and all slides

slide_count.js

var $slider = $('.slider'),
    $current = $('<span class="current">'),
    $summary = $('<span class="summary">');

$slider
    .on('init', function(event, slick) {
        $current.html(1);
        $summary.html(slick.slideCount);

        $('.slick-dots')
            .wrap('<div class="info">')
            .before($current)
            .after($summary);
    })
    .on('afterChange', function(event, slick, currentSlide, nextSlide) {
        $current.html(currentSlide + 1);
    })
    .slick();