Template: Loading: Difference between revisions
From referenceTSS
m (Replaced content with "<html> <script type="text/javascript"> alert('aaa'); </script> </html>") |
mNo edit summary |
||
| Line 1: | Line 1: | ||
<html> | <html> | ||
<div id="loader" class="hiddeable" style="display:none; position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 1; background: transparent;"> | |||
</div> | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
//var image=</html>{{{loadingimage}}}<html> optional | |||
var cSpeed=10; | |||
var cWidth=55; | |||
var cHeight=55; | |||
var cTotalFrames=18; | |||
var cFrameWidth=55; | |||
var cImageSrc='/resource_browser/images/LoaderGifs/sprites.gif'; //default but optional with Template | |||
var cImageTimeout=false; | |||
var cIndex=0; | |||
var cXpos=0; | |||
var cPreloaderTimeout=false; | |||
var SECONDS_BETWEEN_FRAMES=0; | |||
function startAnimation(){ | |||
document.getElementById('loader').style.backgroundImage='url('+cImageSrc+')'; | |||
document.getElementById('loader').style.width=cWidth+'px'; | |||
document.getElementById('loader').style.height=cHeight+'px'; | |||
//FPS = Math.round(100/(maxSpeed+2-speed)); | |||
FPS = Math.round(100/cSpeed); | |||
SECONDS_BETWEEN_FRAMES = 1 / FPS; | |||
cPreloaderTimeout=setTimeout('continueAnimation()', SECONDS_BETWEEN_FRAMES/1000); | |||
} | |||
function continueAnimation(){ | |||
cXpos += cFrameWidth; | |||
//increase the index so we know which frame of our animation we are currently on | |||
cIndex += 1; | |||
//if our cIndex is higher than our total number of frames, we're at the end and should restart | |||
if (cIndex >= cTotalFrames) { | |||
cXpos =0; | |||
cIndex=0; | |||
} | |||
if(document.getElementById('loader')) | |||
document.getElementById('loader').style.backgroundPosition=(-cXpos)+'px 0'; | |||
cPreloaderTimeout=setTimeout('continueAnimation()', SECONDS_BETWEEN_FRAMES*1000); | |||
} | |||
</script> | </script> | ||
</html> | </html> | ||
Revision as of 15:15, 20 December 2017