구디즈니 작업 중

This commit is contained in:
2025-07-10 23:16:57 +09:00
parent b22ed6ba75
commit d26d4561bc
4 changed files with 7 additions and 8 deletions

View File

@@ -1327,6 +1327,11 @@ function pdpDisplayTab(button, element) {
$(".pdpDetail .tab-menu ul").slideUp(200);
}
}
function pdpDisplayTabMobile() {
// tabmenu 기능 구현
const molbileTabBtn = $(".pdpDetail .tab-menu .btn-select");
molbileTabBtn.toggleClass("open").next().slideToggle(200);
}
function pdpDisplayZoom(selector) {
const $target = $(selector).clone();

View File

@@ -443,14 +443,12 @@
<source src="../assets/images/kia/pdp/display_theme_disney/welcome.mp4" type="video/mp4" />
이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
</video>
<button type="button" class="btn-zoom" onclick="pdpDisplayZoom('.video-welcome')"></button>
</div>
<div class="image_area">
<video class="video-goodbye" playsinline="playsinline" autoplay="autoplay" muted="muted" loop>
<source src="../assets/images/kia/pdp/display_theme_disney/goodbye.mp4" type="video/mp4" />
이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
</video>
<button type="button" class="btn-zoom" onclick="pdpDisplayZoom('.video-goodbye')"></button>
</div>
<div class="text_area">
@@ -462,7 +460,6 @@
<div class="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
<div class="image_area">
<img src="../assets/images/kia/pdp/display_theme_disney/img_cont3.png" class="themeImg box1-cluster" alt="디스플레이 테마1" />
<button type="button" class="btn-zoom" onclick="pdpDisplayZoom('.box1-cluster')"></button>
</div>
<div class="text_area">
<h4>Cluster</h4>
@@ -473,7 +470,6 @@
<div class="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
<div class="image_area">
<img src="../assets/images/kia/pdp/display_theme_disney/img_cont4.png" class="themeImg box1-navigation" alt="디스플레이 테마1" />
<button type="button" class="btn-zoom" onclick="pdpDisplayZoom('.box1-navigation')"></button>
</div>
<div class="text_area">
<h4>Navigation</h4>
@@ -484,7 +480,6 @@
<div class="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
<div class="image_area">
<img src="../assets/images/kia/pdp/display_theme_disney/img_cont5.png" class="themeImg box1-homecard" alt="디스플레이 테마1" />
<button type="button" class="btn-zoom" onclick="pdpDisplayZoom('.box1-homecard')"></button>
</div>
<div class="text_area">
<h4>Homecard</h4>
@@ -495,7 +490,6 @@
<div class="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
<div class="image_area">
<img src="../assets/images/kia/pdp/display_theme_disney/img_cont6.png" class="themeImg box1-profile" alt="디스플레이 테마1" />
<button type="button" class="btn-zoom" onclick="pdpDisplayZoom('.box1-profile')"></button>
</div>
<div class="text_area">
<h4>Profile</h4>
@@ -576,13 +570,13 @@
<div class="item welcome-goodbye" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
<div class="image_area">
<video playsinline="playsinline" autoplay="autoplay" muted="muted" loop>
<source src="../assets/images/kia/pdp/display_theme_disney/lakers_welcome.mp4" type="video/mp4" />
<source src="../assets/images/kia/pdp/display_theme_disney/welcome2.mp4" type="video/mp4" />
이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
</video>
</div>
<div class="image_area">
<video playsinline="playsinline" autoplay="autoplay" muted="muted" loop>
<source src="../assets/images/kia/pdp/display_theme_disney/lakers_goodbye.mp4" type="video/mp4" />
<source src="../assets/images/kia/pdp/display_theme_disney/goodbye2.mp4" type="video/mp4" />
이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
</video>
</div>