feat: adding loading images to make it more clear when the GIF is act…

…ually finished loading
SteinmetzLab · Feb 29, 2024 · ce04186 · ce04186
1 parent 5ed92fa
commit ce04186
Show file tree

Hide file tree

Showing 7 changed files with 8 additions and 0 deletions.
diff --git a/images/gif/neuron23.gif b/images/gif/neuron23.gif
diff --git a/images/gif/neuron610.gif b/images/gif/neuron610.gif
diff --git a/images/loading_gif.png b/images/loading_gif.png
diff --git a/images/loading_png.png b/images/loading_png.png
diff --git a/images/png/neuron23.png b/images/png/neuron23.png
diff --git a/images/png/neuron610.png b/images/png/neuron610.png
diff --git a/index.html b/index.html
@@ -356,7 +356,12 @@
 
     let buttons = []
 
+    let pngLoading = new Image();
+    let gifLoading = new Image();
+
     function setup() {
+        pngLoading.src = "./images/loading_png.png";
+        gifLoading.src = "./images/loading_gif.png";
 
         setupButtons();
 
@@ -766,6 +771,9 @@
         }
 
         // Change the image lement sources
+        document.getElementById('gifImage').src = gifLoading.src;
+        document.getElementById('pngImage').src = pngLoading.src;
+
         document.getElementById('gifImage').src = `https://data.virtualbrainlab.org/NPUltra/gif/neuron${idx}.gif`;
         document.getElementById('pngImage').src = `https://data.virtualbrainlab.org/NPUltra/png/neuron${idx}.png`;
     }