Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиКалендарьОблакоЗаметкиВсе проекты

Javascript itc slider не работает должным образом

Радомир Родионов Ученик (108), открыт 5 дней назад
Решил написать сайт для знакомой, хочу сделать что бы container становился itc slider(-ом) при viewport < 1000, как тут - https://itchief.ru/examples/lab.php?topic=javascript&file=slider-02. Возникла проблема - у меня есть 3 слайда, слайдер начинается с центрального, и для кода центральный слайд это 1 слайд, потом 3 слайд для кода 2, а когда коду надо перейти на 3 слайд он просто в пустоту переходит, короче смещен на 1 слайд. Код писал через chatgpt т.к. Я довольно плох в javascript, он его починить не смог.
 document.addEventListener("DOMContentLoaded", () => { 
const slider = document.querySelector(".slider");
const slides = document.querySelector(".slides");
const nextBtn = document.querySelector(".slider-next");
const prevBtn = document.querySelector(".slider-prev");
let slideIndex = 0; // Текущий индекс слайда
const slideWidth = document.querySelector(".octagon").offsetWidth + 20;

function enableSlider() {
if (window.innerWidth < 1000) {
slider.classList.add("active");
nextBtn.style.display = "block";
prevBtn.style.display = "block";
} else {
slider.classList.remove("active");
nextBtn.style.display = "none";
prevBtn.style.display = "none";
slides.style.transform = "translateX(0)";
slideIndex = 0;
}
}

function moveSlide(direction) {
const totalSlides = slides.children.length;
slideIndex += direction;

if (slideIndex < 0) {
slideIndex = totalSlides - 1;
} else if (slideIndex >= totalSlides) {
slideIndex = 0;
}

const offset = -slideIndex * slideWidth;
slides.style.transform = `translateX(${offset}px)`;
}

nextBtn.addEventListener("click", () => moveSlide(1));
prevBtn.addEventListener("click", () => moveSlide(-1));

window.addEventListener("resize", enableSlider);

enableSlider();
});
html и css файлы не смог написать т.к. мейл ру ругается что слишком много символов, прикрепить zip файл с проектом не могу(
2 ответа
Ачё смысле Знаток (341) 5 дней назад
научись всё делать без нейросетей
Радомир РодионовУченик (108) 5 дней назад
в процессе
Радомир РодионовУченик (108) 5 дней назад
я только javascript написал с нейросеткой, я его учу
Ачё смысле Знаток (341) Радомир Родионов, нейросети - зло, #STOPAI
Радомир РодионовУченик (108) 5 дней назад
знаю но что поделать
MeG Знаток (443) 1 день назад
везде на коммерческих проектах, каких я работал, использовали swiper. либо для legacy был slick. но что такое itc slider я слышу впервые. я бы порекомендовал перейти на swiper.
Похожие вопросы