No edit summary |
No edit summary |
||
Line 12: | Line 12: | ||
}); | }); | ||
} | } | ||
const images = document.querySelectorAll('.dpImage'); | |||
const mainImage = document.querySelector('.mainImage'); | |||
let currentIndex = 0; | |||
function showImage(index) { | |||
mainImage.innerHTML = images[index].innerHTML; | |||
images.forEach((image, i) => { | |||
if (i === index) { | |||
image.classList.add('selected'); | |||
} else { | |||
image.classList.remove('selected'); | |||
} | |||
}); | |||
} | |||
function rotateImages() { | |||
showImage(currentIndex); | |||
currentIndex = (currentIndex + 1) % images.length; | |||
} | |||
setInterval(rotateImages, 5000); // Change the image every 5 seconds (adjust as needed) | |||
showImage(currentIndex); // Initial display |
Revision as of 13:52, 31 January 2024
/* Any JavaScript here will be loaded for all users on every page load. */ var coll = document.getElementsByClassName("collapsible"); var i; for (i = 0; i < coll.length; i++) { coll[i].addEventListener("click", function() { this.classList.toggle("active"); var content = this.nextElementSibling; $(content).toggle('fast'); }); } const images = document.querySelectorAll('.dpImage'); const mainImage = document.querySelector('.mainImage'); let currentIndex = 0; function showImage(index) { mainImage.innerHTML = images[index].innerHTML; images.forEach((image, i) => { if (i === index) { image.classList.add('selected'); } else { image.classList.remove('selected'); } }); } function rotateImages() { showImage(currentIndex); currentIndex = (currentIndex + 1) % images.length; } setInterval(rotateImages, 5000); // Change the image every 5 seconds (adjust as needed) showImage(currentIndex); // Initial display