메인 수정 중

This commit is contained in:
2025-04-26 15:30:32 +09:00
parent c6df25e0f2
commit 4e029aac76
7 changed files with 1724 additions and 62 deletions

View File

@@ -263,17 +263,14 @@
<div class="productImg">
<div class="swiper productSwiper">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="../assets/images/kia/pdp/display_theme/producy-temp1.png" alt="이미지 상품명"></div>
<div class="swiper-slide"><img src="../assets/images/kia/product-img/producy-temp2.png" alt="이미지 상품명"></div>
<div class="swiper-slide withVideo">
<div class="movie_info">이미지를 클릭해주세요.</div>
<p class="productSmallVideo">
<video loop muted playsinline preload="auto" poster="/kr/assets/images/kia/product-img/producy-temp3.png">
<source src="../assets/images/kia/video/producy-temp3-video.mp4" type="video/mp4">
</video>
<img src="../assets/images/kia/pdp/display_themeNBA_Theme_AVNT.jpg" alt="이미지 상품명">
</p>
<video loop="" muted="" playsinline="" preload="auto"><source src="https://connectstore.kia.com/kr/ux_data/product/20240618/76e272db64cf42e797afdd658078aa40.mp4" type="video/mp4"></video>
<img src="https://connectstore.kia.com/kr/ux_data/product/20240620/67d138601d5e4862bb9bea3099a0112f.png" alt="NBA 디스플레이 테마" style="opacity: 1;"></p>
</div>
<div class="swiper-slide"><img src="../assets/images/kia/product-img/producy-temp4.png" alt="이미지 상품명"></div>
<div class="swiper-slide swiper-slide-active" role="group" aria-label="2 / 3"><img src="https://connectstore.kia.com/kr/ux_data/product/20240620/a3f13b0fc6d3431cb2f974d4d6e9ed49.png" alt="NBA 디스플레이 테마"></div>
<div class="swiper-slide swiper-slide-next" role="group" aria-label="3 / 3"><img src="https://connectstore.kia.com/kr/ux_data/product/20240620/a4d0651092c94e0abf50b8b21f8dee1f.png" alt="NBA 디스플레이 테마"></div>
</div>
<div class="swiper-pagination"></div>
</div>
@@ -1012,6 +1009,15 @@
<script>
AOS.init();
var swiper = new Swiper(".productSwiper", {
pagination: {
el: ".swiper-pagination",
clickable: true,
},
});
enterVideo()
if($(".youtubeArea").hasClass("youtubeArea_pdp") === true) {
var youtube_id = $('.youtubeArea_pdp').attr('value');
var youtube_frame = '<iframe src="https://www.youtube.com/embed/'+youtube_id+'?controls=1&rel=0&showsearch=0" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>';