0 Favori Listesi

0 öğe / ₺0,00

0 öğe / ₺0,00

🔥 Tüm Ürünlerde Kampanya

🚚 5.500 TL Üzeri Ücretsiz Kargo

🎁 Toptan Sipariş Avantajı

Neon Tasarla

Anasayfa » Neon Tasarla

YAZINIZ

0 cm

0 cm

📸 Kendi Görselini Yükle Metin (Enter ile alt satır) Font Neon Rengi Arka Plan Harf Yüksekliği

💰 0₺

YA-Dİ BASKI

Bizi sosyal medyadan takip etmeyi unutmayın ! @yadibaski

Henüz hesabınız yok mu?

Aradığınız ürünleri görmek için yazmaya başlayın.

const slides = document.querySelectorAll(".slide"); const next = document.querySelector(".next"); const prev = document.querySelector(".prev"); const dotsContainer = document.querySelector(".dots"); let index = 0; let startX = 0; slides[index].classList.add("active"); /* dots oluştur */ slides.forEach((_,i)=>{ const dot = document.createElement("span"); dot.onclick = ()=> showSlide(i); dotsContainer.appendChild(dot); }); function updateDots(){ document.querySelectorAll(".dots span").forEach(d=>d.classList.remove("active")); dotsContainer.children[index].classList.add("active"); } function showSlide(i){ slides[index].classList.remove("active"); index = (i + slides.length) % slides.length; slides[index].classList.add("active"); updateDots(); } next.onclick = ()=> showSlide(index+1); prev.onclick = ()=> showSlide(index-1); /* auto */ setInterval(()=> showSlide(index+1),5000); /* swipe */ document.querySelector(".premium-slider").addEventListener("touchstart",e=>{ startX = e.touches[0].clientX; }); document.querySelector(".premium-slider").addEventListener("touchend",e=>{ let diff = startX - e.changedTouches[0].clientX; if(diff > 50) showSlide(index+1); if(diff < -50) showSlide(index-1); }); updateDots();