Smoothstyle One Step-Styler Saç Kurutmalı Şekillendirici+Saklama Kutusu

Shark Ninja Smoothstyle One Step-Styler Saç Kurutmalı Şekillendirici+Saklama Kutusu

Shark Smoothstyle One Step-Styler Saç Kurutmalı Şekillendirici+Saklama Kutusu

n document.querySelectorAll(‘.desktop-carousel’).forEach(carousel => {n const images = carousel.querySelectorAll(‘img’);n let currentIndex = 0;nn const changeImage = function(newIndex) {n images[currentIndex].style.display = ‘none’;n images[newIndex].style.display = ‘block’;n currentIndex = newIndex;n }nn const leftButton = carousel.querySelector(‘.left’);n const rightButton = carousel.querySelector(‘.right’);nn leftButton.addEventListener(‘click’, () => {n const prevIndex = currentIndex – 1 >= 0 ? currentIndex – 1 : images.length – 1;n changeImage(prevIndex);n });nn rightButton.addEventListener(‘click’, () => {n const nextIndex = currentIndex + 1 {n let images = carousel.querySelectorAll(‘img’);n let indicators = carousel.parentNode.querySelectorAll(‘.carousel-indicators .indicator’);n let currentIndex = 0;nn function changeImage(newIndex) {n images[currentIndex].style.display = ‘none’;n indicators[currentIndex].classList.remove(‘active’);n images[newIndex].style.display = ‘block’;n indicators[newIndex].classList.add(‘active’);n currentIndex = newIndex;n }nn indicators.forEach((indicator, index) => {n indicator.addEventListener(‘click’, () => changeImage(index));n });nn let touchStartX = 0;n let touchEndX = 0;nn carousel.addEventListener(‘touchstart’, e => {n touchStartX = e.touches[0].clientX;n }, { passive: true });nn carousel.addEventListener(‘touchmove’, e => {n touchEndX = e.touches[0].clientX;n }, { passive: true });nn carousel.addEventListener(‘touchend’, e => {n if (touchStartX – touchEndX > 50) {n const nextIndex = currentIndex + 1 50) {n const prevIndex = currentIndex – 1 >= 0 ? currentIndex – 1 : images.length – 1;n changeImage(prevIndex);n }n }, { passive: true });n });n