-
Notifications
You must be signed in to change notification settings - Fork 0
/
gallery.js
26 lines (22 loc) · 856 Bytes
/
gallery.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
const prevButton = document.querySelector(".prev");
const nextButton = document.querySelector(".next");
const galleryImages = document.querySelectorAll(".gallery-img");
let currentlySelected = 0;
prevButton.addEventListener("click", function () {
galleryImages[currentlySelected].classList.remove("active");
currentlySelected--;
galleryImages[currentlySelected].classList.add("active");
nextButton.disabled = false;
if (currentlySelected === 0) {
prevButton.disabled = true;
}
});
nextButton.addEventListener("click", function () {
galleryImages[currentlySelected].classList.remove("active");
currentlySelected++;
galleryImages[currentlySelected].classList.add("active");
prevButton.disabled = false;
if (galleryImages.length - 1 === currentlySelected) {
nextButton.disabled = true;
}
});