Difference between revisions of "Template:GreatBay SCIE/HTML/loader"

 
(22 intermediate revisions by the same user not shown)
Line 15: Line 15:
 
<style>
 
<style>
 
.loader{
 
.loader{
−
width: 100%;
+
    width: 400px;
−
height: 100%;  
+
    position: fixed;
−
position: fixed;
+
    z-index: 11111111!important;
−
z-index: 11111111!important;}
+
    left: 0; top: 0; bottom: 0; right: 0;
 +
}
 
</style>
 
</style>
 
</head>
 
</head>
 
<body>
 
<body>
 +
<script>
 +
function disappear()
 +
{
 +
    ld = document.getElementById("loader");
 +
    ld.style.display = 'none';
 +
}
 +
</script>
 
<img src="https://static.igem.org/mediawiki/2021/7/74/T--GreatBay_SCIE--loading.gif" onload="disappear()"
 
<img src="https://static.igem.org/mediawiki/2021/7/74/T--GreatBay_SCIE--loading.gif" onload="disappear()"
−
class="loader">
+
class="loader" id="loader">
 +
<script>
 +
    ld = document.getElementById("loader");
 +
    WD = window.innerWidth;
 +
    ld.style.marginLeft = (WD - 300) + "px";
 +
    HT = window.innerHeight;
 +
    ld.style.marginTop = (HT - 240) + "px";
 +
 
 +
</script>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 10:59, 21 October 2021