/
FoxyL
/
Foxy
Обзор
Документация
Войти
/
FoxyL
/
Foxy
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
fancy/script.js
43 строки
1 KB
FoxyL
fancyBox
07 апр 2026, 16:56
07 апр 2026, 16:56
94a4da0
Код
Авторство
О чём код?
const slider = document.querySelector('.slider'); const prev = document.querySelector('.prevButton'); const next = document.querySelector('.nextButton'); const exit = document.querySelector('.exitButton'); const slides = Array.from(slider.querySelectorAll('img')); const FB = document.querySelector('.fancyBox'); const slideCount = slides.length; let slideIndex = 0; prev.addEventListener('click', showPrevSlide); next.addEventListener('click', showNextSlide); exit.addEventListener('click', exitSlider); function showPrevSlide() { slideIndex = (slideIndex - 1 + slideCount) % slideCount; updateSlide(); } function showNextSlide() { slideIndex = (slideIndex + 1) % slideCount; updateSlide(); } function exitSlider() { FB.style.display = "none"; } function updateSlide() { slides.forEach((slide, index) => { if (index == slideIndex) { slide.style.display = 'block'; } else { slide.style.display = 'none'; } }) } document.querySelectorAll('.clickableImg').forEach( clkImg => clkImg.addEventListener("click", function(element){ FB.style.display = "flex"; slideIndex = element.target.id; updateSlide(); }) )