fixed transition. im not a web dev so dont scream

This commit is contained in:
2023-08-01 22:41:04 +02:00
parent 10f8276ba1
commit 173afb6494

12
effects.js vendored
View File

@@ -22,6 +22,7 @@ async function GameDetails( servername, serverurl, mapname, maxplayers, steamid,
let obj = document.createElement("img"); let obj = document.createElement("img");
obj.classList.add("bgImage"); obj.classList.add("bgImage");
if (i == 0) obj.style.opacity = 1;
obj.src = imgArray[i].src; obj.src = imgArray[i].src;
document.getElementsByClassName("backgroundImages")[0].appendChild(obj); document.getElementsByClassName("backgroundImages")[0].appendChild(obj);
} }
@@ -34,15 +35,8 @@ async function GameDetails( servername, serverurl, mapname, maxplayers, steamid,
let autoCycleImages = setInterval(() => { let autoCycleImages = setInterval(() => {
if (bgObj[prevImage].classList.contains("blendInAnimation")) bgObj[prevImage].style.opacity = 0;
bgObj[prevImage].classList.remove("blendInAnimation"); bgObj[currentImage].style.opacity = 1;
bgObj[prevImage].classList.add("blendOutAnimation");
if (bgObj[currentImage].classList.contains("blendOutAnimation"))
bgObj[currentImage].classList.remove("blendOutAnimation");
bgObj[currentImage].classList.add("blendInAnimation");
prevImage = currentImage; prevImage = currentImage;
currentImage++; currentImage++;