업로드

assets/js/common.js

@@ -181,11 +181,12 @@ $(document).ready(function() {
         freeMode: true,
         autoplay: {
             delay:1,
-            disableOnInteraction:false,
+            disableOnInteraction: false,
         },
         speed: 4000,
 
     }); 
+
     $('.pdpDisplayThemeSwiper').on('mouseleave', function() {
         console.log("시작")
         swiperTheme.autoplay.start();
@@ -432,16 +433,21 @@ $(document).on("click", ".dtthumb", function() {
     $(this).parent().find("li").removeClass("active");
     $(this).addClass("active");
 
-    let imgHtml = `
-        <div class="image_area" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="200">
-            <img src="${dtlImgPath}-1.png" alt="디스플레이 테마1">
-        </div>
-        <div class="image_area" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="600">
-            <img src="${dtlImgPath}-2.png" alt="디스플레이 테마2">
-        </div>
-        <div class="image_area" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="1000">
-            <img src="${dtlImgPath}-3.png" alt="디스플레이 테마3">
-        </div>
-    `;
-    dtlImgs.html(imgHtml);
-});
+    $(".themeImg").each(function(e){
+        const idx = e+1;
+        const src = $(this).attr("src");
+        const lastIndex = src.lastIndexOf("/");
+        const pathWithoutFileName = src.substring(0, lastIndex);
+
+        $(this).attr("src", `${pathWithoutFileName}/${dtlImgPath}-${idx}.png`);
+
+    });
+    const visualBgSrc = $(".visualBg img").attr("src");
+    console.log(visualBgSrc)
+    const visualBgLastIndex = visualBgSrc.lastIndexOf("/");
+    const visualBgPathWithoutFileName = visualBgSrc.substring(0, visualBgLastIndex);
+
+    $(".visualBg img").attr("src", `${visualBgPathWithoutFileName}/${dtlImgPath}_screen.jpg`);
+
+
+});