Gold plated oorbellen - Jewelzzbysoof

Oorbellen

Buiten onze openingstijden is winkelen op afspraak ook mogelijk. Zelfs in de avonduren.
Stuur een bericht via whatsapp en dan zien we je graag binnenkort op een tijdstip dat u schikt.

document.addEventListener(“DOMContentLoaded”, function() { const gallery = document.querySelector(“.slider-gallery”); const slides = Array.from(gallery.children); let index = 0; // Maak knoppen const prevBtn = document.createElement(“button”); const nextBtn = document.createElement(“button”); prevBtn.textContent = “‹”; nextBtn.textContent = “›”; prevBtn.className = “prev”; nextBtn.className = “next”; gallery.appendChild(prevBtn); gallery.appendChild(nextBtn); // Wrap de slides in een track const track = document.createElement(“div”); track.style.display = “flex”; track.style.transition = “transform 0.5s ease”; while (gallery.firstChild && gallery.firstChild !== prevBtn) { track.appendChild(gallery.firstChild); } gallery.insertBefore(track, prevBtn); // Clone alle slides voor infinite loop slides.forEach(slide => { track.appendChild(slide.cloneNode(true)); }); function getSlideWidth() { // pakt de breedte van de eerste slide return track.children[0].offsetWidth; } function updateSlider() { const slideWidth = getSlideWidth(); track.style.transform = `translateX(-${index * slideWidth}px)`; } function nextSlide() { const slideWidth = getSlideWidth(); index++; updateSlider(); if (index >= slides.length) { setTimeout(() => { track.style.transition = “none”; index = 0; updateSlider(); setTimeout(() => track.style.transition = “transform 0.5s ease”); }, 500); } } function prevSlide() { if (index track.style.transition = “transform 0.5s ease”); } else { index–; updateSlider(); } } nextBtn.addEventListener(“click”, nextSlide); prevBtn.addEventListener(“click”, prevSlide); // Auto-play elke 3 sec setInterval(nextSlide, 3000); // Pas aan bij window resize window.addEventListener(“resize”, updateSlider); });