디스플레이 테마 1차 업로드

assets/js/common.js

@@ -177,16 +177,29 @@ $(document).ready(function() {
     var swiperTheme = new Swiper(".pdpDisplayThemeSwiper", {
         slidesPerView: "auto",
         loop:true,  
-        spaceBetween: 20,
         freeMode: true,
         autoplay: {
             delay:1,
             disableOnInteraction: false,
         },
         speed: 4000,
+        breakpoints: {
+            // when window width is >= 320px
+            320: {
+                spaceBetween: 10,
+            },
+            // when window width is >= 480px
+            480: {
+            },
+            // when window width is >= 640px
+            640: {
+                spaceBetween: 20,
+            }
+        }
 
     }); 
 
+
     $('.pdpDisplayThemeSwiper').on('mouseleave', function() {
         console.log("시작")
         swiperTheme.autoplay.start();
@@ -433,6 +446,15 @@ $(document).on("click", ".dtthumb", function() {
     $(this).parent().find("li").removeClass("active");
     $(this).addClass("active");
 
+    $('.dtlImgs .item').addClass('change')
+    setTimeout(function() {
+        $('.dtlImgs .item').removeClass('change')
+    }, 200);
+
+
+    // AOS.refreshHard(); // Optional: Refresh AOS
+    // AOS.init();
+
     $(".themeImg").each(function(e){
         const idx = e+1;
         const src = $(this).attr("src");