diff options
| author | Jonathan Bauer | 2011-04-16 13:12:13 +0200 |
|---|---|---|
| committer | Jonathan Bauer | 2011-04-16 13:12:13 +0200 |
| commit | 4378d39ea8866b9446685cb6140bc632d22a9a16 (patch) | |
| tree | 284d48dc626888b61c9a267a069026d0cdffa29b /src/html/preload.html | |
| parent | fixes & misc (diff) | |
| download | fbgui-4378d39ea8866b9446685cb6140bc632d22a9a16.tar.gz fbgui-4378d39ea8866b9446685cb6140bc632d22a9a16.tar.xz fbgui-4378d39ea8866b9446685cb6140bc632d22a9a16.zip | |
cursor hidden by QWSServer, added loading animation for preload page, started preload-debug page
Diffstat (limited to 'src/html/preload.html')
| -rw-r--r-- | src/html/preload.html | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/src/html/preload.html b/src/html/preload.html index a01dbd7..bb63050 100644 --- a/src/html/preload.html +++ b/src/html/preload.html @@ -5,6 +5,18 @@ function gogo(){ fbgui.trigger(); } +//simple script to rotate all spinners 45 degrees on each tick +//this works differently from the css transforms, which is smooth +var count = 0; +function rotate() { + var elem4 = document.getElementById('div4'); + elem4.style.MozTransform = 'scale(0.5) rotate('+count+'deg)'; + elem4.style.WebkitTransform = 'scale(0.5) rotate('+count+'deg)'; + if (count==360) { count = 0 } + count+=45; + window.setTimeout(rotate, 100); +} +window.setTimeout(rotate, 100); </script> </head> <body> @@ -13,6 +25,16 @@ function gogo(){ <p>Waiting on internet... </p> </div> +<div id="div4"> + <div class="bar1"></div> + <div class="bar2"></div> + <div class="bar3"></div> + <div class="bar4"></div> + <div class="bar5"></div> + <div class="bar6"></div> + <div class="bar7"></div> + <div class="bar8"></div> +</div> <div id="container"> <div id="footer-spacer"></div> </div> |