Какой код нужен для смены слайдов?

Question

На сайте https://сундучок-вл.рф есть слайдер с несколькими фотографиями, но они не сменяются. Вот код слайдера:

<div class="is-block-slider-slides">
  <div class="is-block-slider-slide row">
    <div class="column full">
      <div class="center margin-30">
        <img src="/uploads/4970266635.jpg" width="100%" data-lightbox-src="/uploads/659344913.jpg" data-lightbox-size="807x605">
        <div>
          <b>
            <span style="font-size: 24px !important; color: rgb(68, 68, 68);">
              Временный текст №1
            </span>
          </b>
        </div>
      </div>
    </div>
  </div>
  <div class="is-block-slider-slide row">
    <div class="column full">
      <div class="center margin-30">
        <img src="/uploads/6205361173.jpg" width="100%" data-lightbox-src="/uploads/5904262394.jpg" data-lightbox-size="807x605">
        <div><b><span style="font-size: 24px !important; color: rgb(68, 68, 68);">Временный текст №2</span></b></div>
      </div>
    </div>
  </div>
  <div class="is-block-slider-slide row">
    <div class="column full">
      <div class="center margin-30">
        <img src="/uploads/3049387264.jpg" width="100%" data-lightbox-src="/uploads/9895497464.jpg" data-lightbox-size="808x606">
        <div><b><span style="font-size: 24px !important; color: rgb(68, 68, 68);">Временный текст №3</span></b></div>
      </div>
    </div>
  </div>
  <div class="is-block-slider-slide row">
    <div class="column full">
      <div class="center margin-30">
        <img src="/uploads/9146978267.jpg" width="100%" data-lightbox-src="/uploads/1605175454.jpg" data-lightbox-size="808x606">
        <div><b><span style="font-size: 24px !important; color: rgb(68, 68, 68);">Временный текст №4</span></b></div>
      </div>
    </div>
  </div>
</div>

Какой код нужен для того, чтобы они начали сменяться по кругу?

Answer 1

Вот такой есть вариант, можете из консоли попробовать на сундучке.

setInterval(() => {
    const slider = document.querySelector('.is-block-slider').slider;
    slider.position++;
}, 2000);

БЛОГ НА HUSL

Какой код нужен для смены слайдов?

Ответы (1 шт):