[Carousel] Need advice to add a counter

[bckthomas]

Hi
I would like to add a counter like the screenshot below images.
Can you give me a clue to code this feature please.

Thanks

[bckthomas]

Update :
The counter is ready, but how can I update the current slide ? I don't find an event to execute code after slide event.
Can you help me ?

[fancyapps]

Hi,

See this demo - https://fancyapps.com/playground/FS

const myCarousel = new Carousel(document.querySelector("#myCarousel"), {
  Dots: false,
  on: {
    init: (carousel) => {
      carousel.$index = carousel.$container.querySelector(".carousel_index");
      carousel.$count = carousel.$container.querySelector(".carousel_count");
    },
    refresh: (carousel) => {
      if (carousel.$count) {
        carousel.$count.innerHTML = carousel.pages.length;
      }
    },
    change: (carousel) => {
      if (carousel.$index) {
        carousel.$index.innerHTML = carousel.page + 1;
      }
    },
  },
});

[bckthomas]

You're my here ! Thanks