MediaWiki:Slider.js: Unterschied zwischen den Versionen

Aus PokéWiki
Zur Navigation springen Zur Suche springen
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
 
Zeile 1: Zeile 1:
var currentSlide = 0;
var currentSlide = 0;
function setSlide(slide) {
function setSlide(slide) {
var elements = document.getElementsByClassName('slideshow-banner');
$('.slideshow-banner').each(function() {
for (i = 0; i < elements.length; i++) {
$(this).css('z-index', 1);
elements[i].style.opacity = 0;
$(this).css('opacity', 0);
}
});
elements[slide].style.opacity = 1;
$('.slideshow-banner').eq(slide).css('z-index', 2);
$('.slideshow-banner').eq(slide).css('opacity', 1);
}
}
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++;
}
}
function initSlideshow() {
function initSlideshow() {
var elements = document.getElementsByClassName('slideshow-banner');
$('.slideshow-banner').eq(0).css('opacity', 1);
elements[0].style.opacity = 1;
$('.slideshow-banner').eq(0).css('z-index', 2);
currentSlide++;
currentSlide++;
window.setInterval(slideshow, 6000); // Alle 6 Sekunden wechseln
window.setInterval(slideshow, 6000); // Alle 6 Sekunden wechseln
}
}
window.setTimeout(initSlideshow, 0);
window.setTimeout(initSlideshow, 0);

Aktuelle Version vom 20. April 2020, 16:30 Uhr

var currentSlide = 0;
function setSlide(slide) {
	$('.slideshow-banner').each(function() {
		$(this).css('z-index', 1);
		$(this).css('opacity', 0);
	});
	$('.slideshow-banner').eq(slide).css('z-index', 2);
	$('.slideshow-banner').eq(slide).css('opacity', 1);
}
function slideshow() {
	var elements = document.getElementsByClassName('slideshow-banner');
	if (currentSlide >= elements.length) currentSlide = 0;
	//console.log(currentSlide);
	setSlide(currentSlide);
	currentSlide++;
}
function initSlideshow() {
	$('.slideshow-banner').eq(0).css('opacity', 1);
	$('.slideshow-banner').eq(0).css('z-index', 2);
	currentSlide++;
	window.setInterval(slideshow, 6000); // Alle 6 Sekunden wechseln
}
window.setTimeout(initSlideshow, 0);