35 lines
984 B
JavaScript
35 lines
984 B
JavaScript
// Next/previous controls
|
|
function carouselMoveSlide(id, did, n) {
|
|
carouselSetSlide(id, did, carouselGetSlide(id, did) + n);
|
|
}
|
|
|
|
function carouselGetSlide(id, did) {
|
|
var carousel = document.getElementById(id);
|
|
var slides = carousel.getElementsByClassName("carousel-slide");
|
|
var i;
|
|
for (i = 0; i < slides.length; i++) {
|
|
if (slides[i].style.display == "block") {
|
|
return i;
|
|
}
|
|
}
|
|
return 0;
|
|
}
|
|
|
|
function carouselSetSlide(id, did, n) {
|
|
var carousel = document.getElementById(id);
|
|
var dotrow = document.getElementById(did);
|
|
var i;
|
|
var slides = carousel.getElementsByClassName("carousel-slide");
|
|
var dots = dotrow.getElementsByClassName("carousel-dot");
|
|
if (n >= slides.length) { n = 0 }
|
|
if (n < 0) { n = slides.length - 1 }
|
|
for (i = 0; i < slides.length; i++) {
|
|
if (i != n) {
|
|
slides[i].style.display = "none";
|
|
dots[i].className = "carousel-dot";
|
|
} else {
|
|
slides[i].style.display = "block";
|
|
dots[i].className = "carousel-dot carousel-dot-active";
|
|
}
|
|
}
|
|
}
|