fixed transition. im not a web dev so dont scream
This commit is contained in:
12
effects.js
vendored
12
effects.js
vendored
@@ -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++;
|
||||||
|
|||||||
Reference in New Issue
Block a user