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
const slideCount = slides.length; // Anzahl der liBBEE143E


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

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