|
|
| (6 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) |
| Zeile 1: |
Zeile 1: |
| /* 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);
| |
