javascript - スライド番号を表示 orbit.js Foundation 6 zurb

Question

現在、Foundation 6 で orbit.js スライダーを使用していますが、スライド番号を表示するオプションが表示されません。

これについて私にアドバイスするか、例を共有してください。

ありがとう！

Answer 1

バニラ js を使用したい方のために:

function slideNumbers() {
  const arrows = document.getElementsByClassName("orbit-arrow");
  const target = document.getElementById("currentSlide");
  [...arrows].forEach(function(arrow) {
    arrow.addEventListener("click", function() {
      const currentSlide = document.querySelector(".is-active");
      target.textContent = Number(currentSlide.getAttribute("data-slide")) + 1;
    });
  });
}