Update index.html

index.html

@@ -18,9 +18,21 @@
         const numImages = 240;  // Number of images
         const imageContainer = document.querySelector('.image-container');
 
+        // Preload all images
+        function preloadImages() {
+            for (let i = 1; i <= numImages; i++) {
+                const img = new Image();
+                const imageNumber = String(i).padStart(4, '0');
+                img.src = `images/${imageNumber}.png`;
+            }
+        }
+
+        // Call preloadImages when the page loads
+        window.onload = preloadImages;
+
         // Function to get the correct image number based on scroll position
         function getImageForScroll(scrollPos) {
-            let imageIndex = Math.floor(scrollPos / 50);  // Change every 50 pixels
+            let imageIndex = Math.floor(scrollPos / 20);  // Change every 20 pixels
             return imageIndex < numImages ? String(imageIndex + 1).padStart(4, '0') : String(numImages).padStart(4, '0');
         }