Sara og familien blev selvforsynende med Heatsaves HEIAP-løsning Et gammelt oliefyr og en uoverskuelig energisituation fik Sara og familien til at søge en grønnere og smartere løsning. Valget faldt på...
Læs mere ...
På Vestergårdsmarken i Hornsyld står en varmepumpeløsning, der ikke bare leverer varme og varmt vand til 16 moderne rækkehuse – den er også et eksempel på, hvordan bæredygtig teknologi kan...
Læs mere ...
Ved Esbjerg Havn har Ørsted skabt noget, der ikke kun er unikt for Danmark, men for hele verden. Danmarks første CO₂-neutrale byggeri er mere end bare en bygning – det...
Læs mere ...
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,
});
});
