https://ibaa.ca/client_assets/js/ib-home7sec.js

1const banner = document.querySelectorAll(".bannerImg");
2const bannerNumber = document.querySelectorAll(".bannerButton");
3const bannerText = document.querySelectorAll(".bannerText");
4const bb1 = document.getElementById("bB1");
5const bb2 = document.getElementById("bB2");
6const bb3 = document.getElementById("bB3");
7const bb4 = document.getElementById("bB4");
8
9let activeBanner = 0;
10let interval = setInterval(bannerChange, 7000);
11
12function bannerChange() {
13  if (activeBanner >= banner.length - 1) {
14    activeBanner = -1;
15  }
16  activeBanner++;
17  setActiveBanner();
18}
19
20bb1.addEventListener("click", () => {
21  activeBanner = -1;
22  bannerChange();
23  resetInterval();
24});
25
26bb2.addEventListener("click", () => {
27  activeBanner = 0;
28  bannerChange();
29  resetInterval();
30});
31
32bb3.addEventListener("click", () => {
33  activeBanner = 1;
34  bannerChange();
35  resetInterval();
36});
37
38bb4.addEventListener("click", () => {
39  activeBanner = 2;
40  bannerChange();
41  resetInterval();
42});
43
44function setActiveBanner() {
45  removeBannerClasses();
46  banner[activeBanner].classList.add("activeBanner");
47  bannerNumber[activeBanner].classList.add("activeButton");
48  bannerText[activeBanner].classList.add("activeText");
49}
50
51function removeBannerClasses() {
52  banner.forEach((banner) => banner.classList.remove("activeBanner"));
53  bannerNumber.forEach((bannerNumber) => bannerNumber.classList.remove("activeButton"));
54  bannerText.forEach((bannerText) => bannerText.classList.remove("activeText"));
55}
56
57function resetInterval() {
58  clearInterval(interval);
59  interval = setInterval(bannerChange, 7000);
60}