we back

js/gallery.js

@@ -1,17 +1,12 @@
 document.addEventListener('DOMContentLoaded', () => {
   const galleryContainer = document.getElementById('gallery-container');
-  if (!galleryContainer) {
-    console.error("Gallery container not found!");
-    return;
-  }
+  const totalImages = 50; // number of images you want to load
 
-  const files = galleryContainer.dataset.files.split(',');
-
-  files.forEach((file, index) => {
+  for (let i = 1; i <= totalImages; i++) {
     const img = document.createElement('img');
-    img.src = `gallery/${file.trim()}`;
-    img.alt = `Image ${index + 1}`;
-    img.onerror = () => { img.style.display = 'none'; };
+    img.src = `gallery/${i}.jpg`;  // assuming .jpg extension, change if needed
+    img.alt = `Image ${i}`;
+    img.onerror = () => { img.style.display = 'none'; }; // hide broken images
     galleryContainer.appendChild(img);
-  });
+  }
 });