MediaWiki:Slider.js: Unterschied zwischen den Versionen

Aus PokéWiki
Zur Navigation springen Zur Suche springen
(Auslagerung der Hauptseiten-Slideshow)
 
KKeine Bearbeitungszusammenfassung
 
(5 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
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.visibility = "hidden";
$(this).css('opacity', 0);
            elements[i].style.opacity = 0;
});
        }
$('.slideshow-banner').eq(slide).css('z-index', 2);
        elements[slide].style.opacity = 1;
$('.slideshow-banner').eq(slide).css('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, 8000); // Alle 8 Sekunden wechseln
function initSlideshow() {
    }
$('.slideshow-banner').eq(0).css('opacity', 1);
    window.setTimeout(slideshow, 0);
$('.slideshow-banner').eq(0).css('z-index', 2);
currentSlide++;
window.setInterval(slideshow, 6000); // Alle 6 Sekunden wechseln
}
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);