틀:이미지스와이퍼 - 편집 역사

2025년 12월 29일 (월) 02:22에 Ec3admin님의 편집

2025-12-29T02:22:10Z

2025-12-29T02:20:30Z

2025-12-29T02:19:29Z

2025-12-29T02:16:23Z

2025-12-24T02:50:24Z

2025-12-24T02:47:21Z

2025-12-24T02:46:48Z

2025-12-24T02:44:07Z

2025-12-24T02:42:43Z

2025-12-24T02:42:06Z

@@ 89번째 줄: / 89번째 줄: @@
            console.log('남은 슬라이드 개수:', remainingSlides.length);
-           // 슬라이드가 하나도 없으면 스와이퍼 컨테이너 제거
+           // 슬라이드가 하나도 없으면 스와이퍼 컨테이너 및 상위 h2 제거
            if (remainingSlides.length === 0 ) {
-						if(swiperContainer){
+            if(swiperContainer){
-console.log('슬라이드가 없어서 스와이퍼 컨테이너 제거');
+              console.log('슬라이드가 없어서 스와이퍼 컨테이너 제거');
+           }
          };

@@ 90번째 줄: / 90번째 줄: @@
            // 슬라이드가 하나도 없으면 스와이퍼 컨테이너 제거
-           if (remainingSlides.length === 0 && swiperContainer) {
+           if (remainingSlides.length === 0 ) {
-            console.log('슬라이드가 없어서 스와이퍼 컨테이너 제거');
+						if(swiperContainer){
              swiperContainer.remove();
+           }
          };

@@ 72번째 줄: / 72번째 줄: @@
        // 이미지 로딩 타임아웃 및 에러 처리
        var swiperContainer = document.querySelector('.image-swiper-container');
-       var images = document.querySelectorAll('.image-swiper-container .swiper-image');
+       document.querySelectorAll('.image-swiper-container .swiper-image').forEach(function(img) {
          var timeout;
          var removeSlide = function() {
            clearTimeout(timeout);
            img.closest('.swiper-slide').remove();
            swiper.update();
            // 슬라이드가 하나도 없으면 스와이퍼 컨테이너 제거
            if (remainingSlides.length === 0 && swiperContainer) {
              swiperContainer.remove();
+           }

@@ 71번째 줄: / 71번째 줄: @@
        // 이미지 로딩 타임아웃 및 에러 처리
-       document.querySelectorAll('.image-swiper-container .swiper-image').forEach(function(img) {
+       var swiperContainer = document.querySelector('.image-swiper-container');
          var timeout;
          var removeSlide = function() {
@@ 77번째 줄: / 80번째 줄: @@
            img.closest('.swiper-slide').remove();
            swiper.update();
          };

@@ 69번째 줄: / 69번째 줄: @@
          },
        });
-		// 이미지 로딩 실패 시 슬라이드 제거 후 Swiper 업데이트
-		document.querySelectorAll('.image-swiper-container .swiper-image').forEach(function(img) {
+      // 이미지 로딩 타임아웃 및 에러 처리
-			img.addEventListener('error', function(e) {
+      document.querySelectorAll('.image-swiper-container .swiper-image').forEach(function(img) {
-				console.log(e)
+        var timeout;
-				this.closest('.swiper-slide').remove();
+        var removeSlide = function() {
-				swiper.update();
+          clearTimeout(timeout);
-			});
+          img.closest('.swiper-slide').remove();
-			        timeout = setTimeout(function() {
+          swiper.update();
            if (!img.complete) {
-						if( img.naturalHeight === 0){
+            removeSlide();
-removeSlide();
+          } else if (img.naturalHeight === 0) {
+            removeSlide();
+           }
-         }, 3000);
+         }, 1500);
          // 이미지 로딩 성공 시 타임아웃 취소
@@ 94번째 줄: / 97번째 줄: @@
            removeSlide();
          });
-		});
+      });
      });
    </script>
 }}
 </includeonly>