Prachtige bruine jurk

Gelegenheids­ kleding

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); });