Как сделать такой slider?

Question

[DeveloperV]

Как сделать такой слайдер?



Стилизовать кнопки не проблема, но как добавить текст 01 INTRO и тд.? Думаю можно текст и отдельно добавить, но как сделать, чтобы при нажатии на текст менялись слайды?

Comments

[DeveloperV]

var menu = [
  "<span>01</span>intro",
  "<span>02</span>work",
  "<span>03</span>about",
  "<span>04</span>contacts",
];
var mySwiper = new Swiper(".swiper-container", {
  effect: "fade",
  speed: 500,
  pagination: {
    el: ".swiper-pagination",
    clickable: true,
    renderBullet: function (index, className) {
      return '<div class="' + className + '">' + menu[index] + "</div>";
    },
  },
});

Если кому-нибудь понадобиться