Update show_album.php

show_album.php

@@ -7,13 +7,11 @@
         .waterfall {
             column-count: 4;
             column-gap: 10px;
-            position: relative;
         }
         .item {
             display: inline-block;
             margin-bottom: 10px;
             break-inside: avoid;
-            position: absolute;
         }
         .item img {
             width: 100%;
@@ -64,40 +62,6 @@ if (isset($_GET['album'])) {
         });
     });
 
-    window.onload = function() {
-        var imgWidth = document.querySelector('.item img').offsetWidth;
-        var column = Math.floor(window.innerWidth / imgWidth);
-        var heightArr = Array(column).fill(0);
-
-        images.forEach(function(image) {
-            var minHeight = Math.min(...heightArr);
-            var minIndex = heightArr.indexOf(minHeight);
-            image.style.top = heightArr[minIndex] + 'px';
-            image.style.left = minIndex * imgWidth + 'px';
-
-            heightArr[minIndex] += image.offsetHeight + 10; // Add margin between items
-        });
-    };
-
-    window.onresize = function() {
-        images.forEach(function(image) {
-            image.style.position = 'static';
-        });
-
-        var imgWidth = document.querySelector('.item img').offsetWidth;
-        var column = Math.floor(window.innerWidth / imgWidth);
-        var heightArr = Array(column).fill(0);
-
-        images.forEach(function(image) {
-            var minHeight = Math.min(...heightArr);
-            var minIndex = heightArr.indexOf(minHeight);
-            image.style.top = heightArr[minIndex] + 'px';
-            image.style.left = minIndex * imgWidth + 'px';
-
-            heightArr[minIndex] += image.offsetHeight + 10; // Add margin between items
-        });
-    };
-
     function closeBigImg() {
         bigImg.style.display = 'none';
         bigImg.innerHTML = '';