Как сделать бесконечную прокрутку?

Question

[bgood]

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

const left = document.querySelector('.arrow_left');
  const right = document.querySelector('.arrow_right');
  const slider = document.querySelector('.nft_list');
  const step = document.querySelector('.nft');
  let count = 0;
  const stepSize = step.clientWidth

  right.onclick = function () {
    slider.classList.add('animation');
    count ++;
    slider.style.transform = 'translate(' + `${-stepSize * count}px)`;
  };
 left.onclick = function () {
    slider.classList.add('animation');
    count --;
    slider.style.transform = 'translate('+`${-stepSize*count}px)`;
  };

Answer 1

[Anonymous Penguin]

Тебе нужно знать количество слайдов. Это уже твоя задача

let cslides = 5; // Сюда запиши кол-во слайдов. Я взял 5 для наглядности
right.onclick = function () {
    slider.classList.add('animation');
    count ++;
    if (count >= cslides) count = 0; // раз
    slider.style.transform = 'translate(' + `${-stepSize * count}px)`;
};
left.onclick = function () {
    slider.classList.add('animation');
    count --;
    if (count < 0) count = cslides - 1;  // двас
    slider.style.transform = 'translate('+`${-stepSize*count}px)`;
};

Comments

[goshaLoonny]

Почему раЗ, а дваС? Меня очень интересует этот вопрос

[Anonymous Penguin]

goshaLoonny, да какая разница?)) Это сленг, тут правил нет. Хотя да, можно было бы и З, мой косяк

[bgood]

спасибо