Заполните форму и мы вам перезвоним
Примеры наших работ
document.querySelectorAll('.uc-data-slider').forEach((slider) => {
const track = slider.querySelector('.slider-track');
const slides = slider.querySelectorAll('.slide');
const wrapperId = slider.getAttribute('data-slider');
const nextBtn = document.querySelector(`.slider-next[data-slider-btn="${wrapperId}"]`);
const prevBtn = document.querySelector(`.slider-prev[data-slider-btn="${wrapperId}"]`);
let index = 0;
const total = slides.length;
const update = () => {
track.style.transform = `translateX(-${index * 100}%)`;
};
nextBtn?.addEventListener('click', () => {
index = (index + 1) % total;
update();
});
prevBtn?.addEventListener('click', () => {
index = (index - 1 + total) % total;
update();
});
});