MediaWiki:Common.js: Unterschied zwischen den Versionen
Aus wiki.kometin.at
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
/* Das folgende JavaScript wird für alle Benutzer geladen. */ | /* Das folgende JavaScript wird für alle Benutzer geladen. */ | ||
// importScript('MediaWiki:Gruppe.js'); | // importScript('MediaWiki:Gruppe.js'); | ||
console.log("common.js"); | |||
const slider = document.querySelector('.slider'); | const slider = document.querySelector('.slider'); | ||
const slides = slider.querySelectorAll('li'); // NodeList mit allen li | const slides = slider.querySelectorAll('li'); // NodeList mit allen li | ||
| Zeile 8: | Zeile 8: | ||
function slide(slider, slides, intervalTime) | function slide(slider, slides, intervalTime) | ||
{ | { | ||
console.log("slide"); | |||
const slideCount = slides.length; // Anzahl der li | const slideCount = slides.length; // Anzahl der li | ||
let activeSlide = 0; // index des aktuelles slides | let activeSlide = 0; // index des aktuelles slides | ||
| Zeile 23: | Zeile 23: | ||
// Store the total number of images | // Store the total number of images | ||
const slideCount = slides.length; // Anzahl der liBBEE143E | |||
let activeSlide = 0; | |||
// To change the images dynamically every | // To change the images dynamically every | ||
// 5 Secs, use SetInterval() method | // 5 Secs, use SetInterval() method | ||
setInterval(() => { | |||
slides[activeSlide].classList.remove('active'); | |||
activeSlide++; | |||
if (activeSlide === slideCount) { | |||
activeSlide = 0; | |||
} | |||
slides[activeSlide].classList.add('active'); | |||
}, 2000); | |||
Version vom 22. Februar 2025, 22:16 Uhr
/* Das folgende JavaScript wird für alle Benutzer geladen. */
// importScript('MediaWiki:Gruppe.js');
console.log("common.js");
const slider = document.querySelector('.slider');
const slides = slider.querySelectorAll('li'); // NodeList mit allen li
slide(slider, slides, 2000);
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);
}
// Store the total number of images
const slideCount = slides.length; // Anzahl der liBBEE143E
let activeSlide = 0;
// To change the images dynamically every
// 5 Secs, use SetInterval() method
setInterval(() => {
slides[activeSlide].classList.remove('active');
activeSlide++;
if (activeSlide === slideCount) {
activeSlide = 0;
}
slides[activeSlide].classList.add('active');
}, 2000);