48 lines
No EOL
1.4 KiB
JavaScript
48 lines
No EOL
1.4 KiB
JavaScript
const slideshow = document.getElementById("home-slideshow");
|
|
if (slideshow) {
|
|
const items = [...slideshow.querySelectorAll(".slide")];
|
|
const prev = slideshow.querySelector(".prev");
|
|
const next = slideshow.querySelector(".next");
|
|
let current = 0;
|
|
|
|
function isPortrait() {
|
|
return window.innerHeight > window.innerWidth;
|
|
}
|
|
|
|
function isSkipped(index) {
|
|
const el = items[index];
|
|
if (isPortrait() && el.classList.contains("desktop-only")) return true;
|
|
if (!isPortrait() && el.classList.contains("mobile-only")) return true;
|
|
return false;
|
|
}
|
|
|
|
function findNext(from, direction) {
|
|
let index = (from + direction + items.length) % items.length;
|
|
let steps = 0;
|
|
while (isSkipped(index) && steps < items.length) {
|
|
index = (index + direction + items.length) % items.length;
|
|
steps++;
|
|
}
|
|
return index;
|
|
}
|
|
|
|
function goTo(index) {
|
|
items[current].classList.remove("active");
|
|
current = index;
|
|
items[current].classList.add("active");
|
|
}
|
|
|
|
const firstVisible = findNext(-1, 1);
|
|
items[firstVisible]?.classList.add("active");
|
|
current = firstVisible;
|
|
|
|
prev?.addEventListener("click", () => goTo(findNext(current, -1)));
|
|
next?.addEventListener("click", () => goTo(findNext(current, 1)));
|
|
|
|
// Recalculer la slide active si on tourne l'écran
|
|
window.addEventListener("orientationchange", () => {
|
|
if (isSkipped(current)) {
|
|
goTo(findNext(current, 1));
|
|
}
|
|
});
|
|
} |