0aa06dff80
originally we had a gallery grid and we just changed its contents but this meant we had to load new images on click which took time to do, instead we download all the images at runtime and just hide them
34 lines
No EOL
651 B
JavaScript
34 lines
No EOL
651 B
JavaScript
var currentSlide = 0;
|
|
var allSlides = document.querySelectorAll(".programGallery");
|
|
|
|
|
|
window.nextSlide = function nextSlide(){
|
|
currentSlide++;
|
|
updateSlide();
|
|
}
|
|
|
|
window.lastSlide = function lastSlide(){
|
|
currentSlide--;
|
|
updateSlide();
|
|
}
|
|
|
|
function updateSlide(){
|
|
if (currentSlide > allSlides.length-1){
|
|
currentSlide = 0;
|
|
} else if (currentSlide < 0){
|
|
currentSlide = allSlides.length-1;
|
|
}
|
|
|
|
hideAll();
|
|
allSlides[currentSlide].style.display = "grid";
|
|
|
|
}
|
|
|
|
function hideAll(){
|
|
for (var i = 0; i < allSlides.length; i++){
|
|
allSlides[i].style.display = "none";
|
|
}
|
|
}
|
|
|
|
hideAll()
|
|
updateSlide(); |