Flickity counter

_Enable slide counter for Flickity

Install

Add counter.css to your stylesheets and counter.js to your scripts.

Enable counter by setting counter: true in Flickity options.

// jQuery
var $carousel = $('.carousel').flickity({
  counter: true,
});

// vanilla JS
var flkty = $('.carousel').flickity({
  counter: true,
});

<!-- HTML -->
<div class="carousel" data-flickity='{ "counter": true }'>
  ...
</div>