Ferienwohnungen & Chalets
- Startseite >
- Mein Aufenthalt >
- Unterkunft >
- Ferienwohnungen & Chalets
{
const d = document.createElement("div");
d.className = "pv-dot" + (i === 0 ? " active" : "");
d.addEventListener("click", () => {
track.scrollTo({ left: i * stepWidth(), behavior: "smooth" });
});
dotsWrap.appendChild(d);
});
}
function setActiveDot() {
const step = stepWidth();
if (!step) return;
const idx = Math.max(0, Math.min(cards.length - 1, Math.round(track.scrollLeft / step)));
const dots = Array.from(dotsWrap.querySelectorAll(".pv-dot"));
dots.forEach((d, i) => d.classList.toggle("active", i === idx));
}
function scrollByOne(dir) {
const step = stepWidth();
if (!step) return;
track.scrollBy({ left: dir * step, behavior: "smooth" });
}
prevBtn.addEventListener("click", () => scrollByOne(-1));
nextBtn.addEventListener("click", () => scrollByOne(1));
// Sync dots on scroll
let ticking = false;
track.addEventListener("scroll", () => {
if (ticking) return;
ticking = true;
requestAnimationFrame(() => {
setActiveDot();
ticking = false;
});
}, { passive: true });
window.addEventListener("resize", () => {
renderDots();
setActiveDot();
});
renderDots();
setActiveDot();
})();
" />