Buffertanke

document.addEventListener('DOMContentLoaded', function () { // Vent til slideshow-komponenter er initialiseret function patchCarousels() { const carousels = document.querySelectorAll( '.resource-list__carousel slideshow-component' ); carousels.forEach(function (slideshow) { if (slideshow.dataset.patched) return; slideshow.dataset.patched = 'true'; const scroller = slideshow.querySelector('slideshow-slides'); if (!scroller) return; // Find pilene const prevBtn = slideshow.querySelector('.slideshow-control--previous'); const nextBtn = slideshow.querySelector('.slideshow-control--next'); if (!prevBtn || !nextBtn) return; // Beregn bredden af ét slide inkl. gap function getSlideWidth() { const slide = scroller.querySelector('slideshow-slide'); if (!slide) return 0; const gap = parseFloat(getComputedStyle(scroller).gap) || 0; return slide.offsetWidth + gap; } // Erstat next-knappens klik nextBtn.addEventListener('click', function (e) { e.stopImmediatePropagation(); scroller.scrollBy({ left: getSlideWidth(), behavior: 'smooth', }); }, true); // Erstat prev-knappens klik prevBtn.addEventListener('click', function (e) { e.stopImmediatePropagation(); scroller.scrollBy({ left: -getSlideWidth(), behavior: 'smooth', }); }, true); }); } // Kør ved load og ved DOM-ændringer (f.eks. lazy-loaded sektioner) patchCarousels(); new MutationObserver(patchCarousels).observe(document.body, { childList: true, subtree: true, }); });