MediaWiki:Common.js: Unterschied zwischen den Versionen
Aus wiki.kometin.at
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
function slide(slider, slides, intervalTime) { | function slide(slider, slides, intervalTime) { | ||
console.log("slide"); | console.log("slide"); | ||
| Zeile 14: | Zeile 12: | ||
}, intervalTime); | }, intervalTime); | ||
} | } | ||
console.log("common.js"); | console.log("common.js"); | ||
const slider = document.querySelector('.slider'); | const slider = document.querySelector('.slider'); | ||
| Zeile 20: | Zeile 17: | ||
slide(slider, slides, 2000); | slide(slider, slides, 2000); | ||
const slideCount = slides.length; | const slideCount = slides.length; | ||
let activeSlide = 0; | let activeSlide = 0; | ||
setInterval(() => { | setInterval(() => { | ||
slides[activeSlide].classList.remove('active'); | slides[activeSlide].classList.remove('active'); | ||
Version vom 22. Februar 2025, 22:24 Uhr
function slide(slider, slides, intervalTime) {
console.log("slide");
const slideCount = slides.length; // Anzahl der li
let activeSlide = 0; // index des aktuelles slides
setInterval(() => {
slides[activeSlide].classList.remove('active');
activeSlide++;
if (activeSlide === slideCount) {
activeSlide = 0;
}
slides[activeSlide].classList.add('active');
}, intervalTime);
}
console.log("common.js");
const slider = document.querySelector('.slider');
const slides = slider.querySelectorAll('li'); // NodeList mit allen li
slide(slider, slides, 2000);
const slideCount = slides.length;
let activeSlide = 0;
setInterval(() => {
slides[activeSlide].classList.remove('active');
activeSlide++;
if (activeSlide === slideCount) {
activeSlide = 0;
}
slides[activeSlide].classList.add('active');
}, 2000);