MediaWiki:Slider.js: Unterschied zwischen den Versionen

Aus PokéWiki
Zur Navigation springen Zur Suche springen
(Möglicher Workaround für Firefox-Bug)
K (Möglicher Workaround für Firefox-Bug)
Zeile 1: Zeile 1:
var currentSlide = 0;
var currentSlide = 0;
function setSlide(slide) {
function setSlide(slide) {
    var elements = document.getElementsByClassName('slideshow-banner');
var elements = document.getElementsByClassName('slideshow-banner');
for (i = 0; i < elements.length; i++) {
for (i = 0; i < elements.length; i++) {
//elements[i].style.visibility = "hidden";
elements[i].style.opacity = 0;
elements[i].style.opacity = 0;
elements[i].style.visibility = "visible";
}
}
elements[slide].style.opacity = 1;
elements[slide].style.opacity = 1;
//elements[slide].style.visibility = "visible";
}
}
function slideshow() {
function slideshow() {
var elements = document.getElementsByClassName('slideshow-banner');
var elements = document.getElementsByClassName('slideshow-banner');
if (currentSlide >= elements.length) currentSlide = 0;
if (currentSlide >= elements.length) currentSlide = 0;
//console.log(currentSlide);
console.log(currentSlide);
setSlide(currentSlide);
setSlide(currentSlide);
currentSlide++;
currentSlide++;
window.setTimeout(slideshow, 6000); // Alle 6 Sekunden wechseln
}
}
window.setTimeout(slideshow, 0);
function initSlideshow() {
var elements = document.getElementsByClassName('slideshow-banner');
elements[0].style.opacity = 1;
window.setInterval(slideshow, 6000); // Alle 6 Sekunden wechseln
}
window.setTimeout(initSlideshow, 0);

Version vom 18. April 2020, 12:50 Uhr

var currentSlide = 0;
function setSlide(slide) {
	var elements = document.getElementsByClassName('slideshow-banner');
	for (i = 0; i < elements.length; i++) {
		elements[i].style.opacity = 0;
	}
	elements[slide].style.opacity = 1;
}
function slideshow() {
	var elements = document.getElementsByClassName('slideshow-banner');
	if (currentSlide >= elements.length) currentSlide = 0;
	console.log(currentSlide);
	setSlide(currentSlide);
	currentSlide++;
}
function initSlideshow() {
	var elements = document.getElementsByClassName('slideshow-banner');
	elements[0].style.opacity = 1;
	window.setInterval(slideshow, 6000); // Alle 6 Sekunden wechseln
}
window.setTimeout(initSlideshow, 0);