Ellpeck/TinyLifeWeb
1
0
Fork 0
mirror of https://github.com/Ellpeck/TinyLifeWeb.git synced 2024-11-22 19:28:35 +01:00
Code Issues Projects Releases Wiki Activity

only start moving the background once the page has fully loaded

Browse source
This commit is contained in:
Ell 2022-02-02 22:17:39 +01:00
parent 0defd1da5a
commit f5c675ace4
1 changed files with 12 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
web/_includes/top.html
View file

@ -35,13 +35,16 @@
let background = $(".top"); let background = $(".top");
background.css("background-position", `${x}% ${y}%`); background.css("background-position", `${x}% ${y}%`);
setInterval(function () {
x += addX; $(window).on("load", function () {
y += addY; setInterval(function () {
if (x < 0 || x > 100) x += addX;
addX *= -1; y += addY;
if (y < 0 || y > 100) if (x < 0 || x > 100)
addY *= -1; addX *= -1;
background.css("background-position", `${x}% ${y}%`); if (y < 0 || y > 100)
}, 30); addY *= -1;
background.css("background-position", `${x}% ${y}%`);
}, 30);
});
</script> </script>