구디즈니 작업 중
This commit is contained in:
@@ -1327,6 +1327,11 @@ function pdpDisplayTab(button, element) {
|
|||||||
$(".pdpDetail .tab-menu ul").slideUp(200);
|
$(".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) {
|
function pdpDisplayZoom(selector) {
|
||||||
const $target = $(selector).clone();
|
const $target = $(selector).clone();
|
||||||
|
|||||||
@@ -443,14 +443,12 @@
|
|||||||
<source src="../assets/images/kia/pdp/display_theme_disney/welcome.mp4" type="video/mp4" />
|
<source src="../assets/images/kia/pdp/display_theme_disney/welcome.mp4" type="video/mp4" />
|
||||||
이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
|
이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
|
||||||
</video>
|
</video>
|
||||||
<button type="button" class="btn-zoom" onclick="pdpDisplayZoom('.video-welcome')"></button>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="image_area">
|
<div class="image_area">
|
||||||
<video class="video-goodbye" playsinline="playsinline" autoplay="autoplay" muted="muted" loop>
|
<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" />
|
<source src="../assets/images/kia/pdp/display_theme_disney/goodbye.mp4" type="video/mp4" />
|
||||||
이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
|
이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
|
||||||
</video>
|
</video>
|
||||||
<button type="button" class="btn-zoom" onclick="pdpDisplayZoom('.video-goodbye')"></button>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="text_area">
|
<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="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
||||||
<div class="image_area">
|
<div class="image_area">
|
||||||
<img src="../assets/images/kia/pdp/display_theme_disney/img_cont3.png" class="themeImg box1-cluster" alt="디스플레이 테마1" />
|
<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>
|
||||||
<div class="text_area">
|
<div class="text_area">
|
||||||
<h4>Cluster</h4>
|
<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="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
||||||
<div class="image_area">
|
<div class="image_area">
|
||||||
<img src="../assets/images/kia/pdp/display_theme_disney/img_cont4.png" class="themeImg box1-navigation" alt="디스플레이 테마1" />
|
<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>
|
||||||
<div class="text_area">
|
<div class="text_area">
|
||||||
<h4>Navigation</h4>
|
<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="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
||||||
<div class="image_area">
|
<div class="image_area">
|
||||||
<img src="../assets/images/kia/pdp/display_theme_disney/img_cont5.png" class="themeImg box1-homecard" alt="디스플레이 테마1" />
|
<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>
|
||||||
<div class="text_area">
|
<div class="text_area">
|
||||||
<h4>Homecard</h4>
|
<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="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
||||||
<div class="image_area">
|
<div class="image_area">
|
||||||
<img src="../assets/images/kia/pdp/display_theme_disney/img_cont6.png" class="themeImg box1-profile" alt="디스플레이 테마1" />
|
<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>
|
||||||
<div class="text_area">
|
<div class="text_area">
|
||||||
<h4>Profile</h4>
|
<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="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">
|
<div class="image_area">
|
||||||
<video playsinline="playsinline" autoplay="autoplay" muted="muted" loop>
|
<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 태그를 지원하지 않을 때 화면에 표시됩니다!
|
||||||
</video>
|
</video>
|
||||||
</div>
|
</div>
|
||||||
<div class="image_area">
|
<div class="image_area">
|
||||||
<video playsinline="playsinline" autoplay="autoplay" muted="muted" loop>
|
<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 태그를 지원하지 않을 때 화면에 표시됩니다!
|
||||||
</video>
|
</video>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user