Added pre-loader to Child Therapy

issue Susmita-Dey#556
Vanshiii203 · Oct 25, 2022 · 6034d2d · 6034d2d
1 parent 897d6fd
commit 6034d2d
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 1 deletion.
diff --git a/css/childTherapy.css b/css/childTherapy.css
@@ -4,6 +4,17 @@
   padding: 0;
   box-sizing: border-box;
 }
+#load{
+	margin: auto;
+    width: 100%;
+    height: -webkit-fill-available;
+    position: fixed;
+    background: #fff url(/images/Spin-Preloader-1.gif) no-repeat center;
+    z-index: 9999999;
+}
+#main{
+  overflow: hidden !important;
+}
 ::-webkit-scrollbar{
   background: transparent;
   width: 0.4rem;

diff --git a/html/childTherapy.html b/html/childTherapy.html
@@ -19,7 +19,11 @@
     <title>Sukoon - Child Therapy</title>
     <link rel="stylesheet" href="../css/childTherapy.css" />
   </head>
-  <body>
+  <body onload="myfunction()" id="main">
+
+    <div id="load">
+      <div style="background-color: white; height: 25vh; width: 100%; position: relative; top: -70px;"></div>
+    </div>
     <!-- Navbar Section -->
     <nav>
       <a href="../index.html"

diff --git a/html/childTherapy.js b/html/childTherapy.js
@@ -60,4 +60,10 @@ const ham = document.getElementById("ham");
       }
       slides[slideIndex-1].style.display = "block";
       dots[slideIndex-1].className += " active";
+    }
+    var preloader = document.getElementById('load');
+    var scroll = document.getElementById('main');
+    function myfunction(){
+        preloader.style.display='none';
+        scroll.style.overflow='scroll';
     }