Create script.js

script.js

@@ -0,0 +1,26 @@
+// Function to fetch and display images from the 'spidey' folder
+function loadSpiderManImages() {
+    const imageGallery = document.getElementById('image-gallery');
+
+    // Replace 'spidey/' with the actual path to your 'spidey' folder
+    const folderPath = 'spidey/';
+
+    // Fetch a list of images in the folder
+    fetch(folderPath)
+        .then(response => response.text())
+        .then(data => {
+            const imageFilenames = data.split('\n').filter(filename => filename.trim() !== '');
+
+            // Create image elements and append them to the gallery
+            imageFilenames.forEach(filename => {
+                const img = document.createElement('img');
+                img.src = folderPath + filename;
+                img.alt = filename;
+                imageGallery.appendChild(img);
+            });
+        })
+        .catch(error => console.error('Error loading images:', error));
+}
+
+// Call the function to load Spider-Man images when the page loads
+window.onload = loadSpiderManImages;