MediaWiki:Common.js

Aus wiki.kometin.at

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

  • Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
  • Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
  • Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
  • Opera: Strg+F5
/* Das folgende JavaScript wird für alle Benutzer geladen. */
importScript('MediaWiki:Gruppe.js');

const slider = document.querySelector('.slider');
const slides = slider.querySelectorAll('li'); // NodeList mit allen li
slide(slider, slides, 2000);

function slide(slider, slides, intervalTime)
{

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

const slider2 = document.querySelector('.slider2');
const slides2 = slider2.querySelectorAll('li');

slide(slider2, slides2, 4000); 

// Store the total number of images
// const slide2Count = slides2.length;
//let activeSlide2 = 0;
 
// To change the images dynamically every 
// 5 Secs, use SetInterval() method
//setInterval(() => {
//  slides2[activeSlide2].classList.remove('active');
//  activeSlide2++;
//  if (activeSlide2 === slide2Count) {
 //   activeSlide2 = 0;
 // }
 // slides2[activeSlide2].classList.add('active');
// }, 4000);