MediaWiki:Slider.js: Unterschied zwischen den Versionen
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) { | ||
$('.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() { | 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() { | ||
$('.slideshow-banner').eq(0).css('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);