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. */
// importScript('MediaWiki:Gruppe.js');
console.log("common.js");
console.log("common.js");
const slider = document.querySelector('.slider');
const slider = document.querySelector('.slider');
Zeile 6: Zeile 4:
slide(slider, slides, 2000);
slide(slider, slides, 2000);


function slide(slider, slides, intervalTime)
function slide(slider, slides, intervalTime) {
{
    console.log("slide");
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
    setInterval(() => {
setInterval(() => {
        slides[activeSlide].classList.remove('active');
  slides[activeSlide].classList.remove('active');
        activeSlide++;
  activeSlide++;
        if (activeSlide === slideCount) {
  if (activeSlide === slideCount) {
            activeSlide = 0;
    activeSlide = 0;
        }
  }
        slides[activeSlide].classList.add('active');
  slides[activeSlide].classList.add('active');
    }, intervalTime);
}, intervalTime);
}
}


Zeile 26: Zeile 23:


let activeSlide = 0;
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(() => {
setInterval(() => {
slides[activeSlide].classList.remove('active');
    slides[activeSlide].classList.remove('active');
activeSlide++;
    activeSlide++;
  if (activeSlide === slideCount) {
    if (activeSlide === slideCount) {
  activeSlide = 0;
        activeSlide = 0;
}
    }
slides[activeSlide].classList.add('active');
    slides[activeSlide].classList.add('active');
}, 2000);
}, 2000);

Version vom 22. Februar 2025, 22:20 Uhr

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);