gil/fod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

kbo pdp 비디오 데이터 수정

Browse Source
This commit is contained in:
NEW_GIL_HOME\hyeon
2025-04-09 22:14:14 +09:00
parent 485df0b769
commit e54b749a86
2 changed files with 33 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
assets/js/common.js
View File

@@ -625,7 +625,7 @@ $(document).on("click", ".inCarGame .dtthumb", function (e) {
$(document).on("click", ".displayTheme .dtthumb", function () {
const dtlImgPath = $(this).attr("value");
const dtlTeamPath = $(this).attr("team");
const dtlTeamPath = this.dataset.team;
const dtlImgs = $(".dtlImgs");
const dtthumbClickState = $(this).attr("data-click");
@@ -665,22 +665,32 @@ $(document).on("click", ".displayTheme .dtthumb", function () {
$(this).attr("src", `${pathWithoutFileName}/${dtlImgPath}-${idx}.png`);
});
//KBO 웰컴/굿바이 비디오 변경
if ($(".displayTheme-kbo").length > 0) {
$(".video-welcome").each(function (e) {
const src = $(this).find("source").attr("src");
const lastIndex = src.lastIndexOf("/");
const pathWithoutFileName = src.substring(0, lastIndex);
$(this).addClass("active");
function updateVideoSource(selector, prefix) {
$(selector).each(function () {
const video = $(this)[0];
const source = $(this).find("source")[0];
$(this).attr("src", `${pathWithoutFileName}/welcome_${dtlTeamPath}.mp4`);
});
$(".video-goodbye").each(function (e) {
const src = $(this).find("source").attr("src");
const lastIndex = src.lastIndexOf("/");
const pathWithoutFileName = src.substring(0, lastIndex);
if (video && source) {
const src = $(source).attr("src");
const pathWithoutFileName = src.substring(0, src.lastIndexOf("/"));
const newSrc = `${pathWithoutFileName}/${prefix}_${dtlTeamPath}.mp4`;
$(this).attr("src", `${pathWithoutFileName}/goodbye_${dtlTeamPath}.mp4`);
});
$(source).attr("src", newSrc);
video.load();
video.play().catch((err) => {
console.warn(`"${prefix}" 비디오 자동 재생 실패:`, err);
});
}
});
}
updateVideoSource(".video-welcome", "welcome");
updateVideoSource(".video-goodbye", "goodbye");
}
if (dtthumbClickState === "false") {
$(".theme-story").append(dtthumbItemHtml);
$(this).attr("data-click", "true");

20
product/pdp_display_theme_kbo.html
View File

@@ -450,43 +450,43 @@
<div class="com_bottm_inner">
<div class="swiper pdpDisplayThemeKbo">
<div class="swiper-wrapper">
<div class="swiper-slide dtthumb active" value="Theme1" team="kia">
<div class="swiper-slide dtthumb active" value="Theme1" data-team="kia">
<img src="../assets/images/kia/pdp/display_theme_kbo/KBO/logo_theme01.png" alt="KIA 타이거즈" />
<p>KIA 타이거즈</p>
</div>
<div class="swiper-slide dtthumb" value="Theme2" team="samsung">
<div class="swiper-slide dtthumb" value="Theme2" data-team="samsung">
<img src="../assets/images/kia/pdp/display_theme_kbo/KBO/logo_theme02.png" alt="삼성 라이온즈" />
<p>삼성 라이온즈</p>
</div>
<div class="swiper-slide dtthumb" value="Theme3" team="lg">
<div class="swiper-slide dtthumb" value="Theme3" data-team="lg">
<img src="../assets/images/kia/pdp/display_theme_kbo/KBO/logo_theme03.png" alt="LG 트윈스" />
<p>LG 트윈스</p>
</div>
<div class="swiper-slide dtthumb" value="Theme4" team="doosan">
<div class="swiper-slide dtthumb" value="Theme4" data-team="doosan">
<img src="../assets/images/kia/pdp/display_theme_kbo/KBO/logo_theme04.png" alt="두산 베어스" />
<p>두산 베어스</p>
</div>
<div class="swiper-slide dtthumb" value="Theme5" team="kt">
<div class="swiper-slide dtthumb" value="Theme5" data-team="kt">
<img src="../assets/images/kia/pdp/display_theme_kbo/KBO/logo_theme05.png" alt="kt 위즈" />
<p>kt 위즈</p>
</div>
<div class="swiper-slide dtthumb" value="Theme6" team="ssg">
<div class="swiper-slide dtthumb" value="Theme6" data-team="ssg">
<img src="../assets/images/kia/pdp/display_theme_kbo/KBO/logo_theme06.png" alt="SSG 랜더스" />
<p>SSG 랜더스</p>
</div>
<div class="swiper-slide dtthumb" value="Theme7" team="lotte">
<div class="swiper-slide dtthumb" value="Theme7" data-team="lotte">
<img src="../assets/images/kia/pdp/display_theme_kbo/KBO/logo_theme07.png" alt="롯데 자이언츠" />
<p>롯데 자이언츠</p>
</div>
<div class="swiper-slide dtthumb" value="Theme8" team="hanhwa">
<div class="swiper-slide dtthumb" value="Theme8" data-team="hanhwa">
<img src="../assets/images/kia/pdp/display_theme_kbo/KBO/logo_theme08.png" alt="한화 이글스" />
<p>한화 이글스</p>
</div>
<div class="swiper-slide dtthumb" value="Theme9" team="nc">
<div class="swiper-slide dtthumb" value="Theme9" data-team="nc">
<img src="../assets/images/kia/pdp/display_theme_kbo/KBO/logo_theme09.png" alt="nc 다이노스" />
<p>nc 다이노스</p>
</div>
<div class="swiper-slide dtthumb" value="Theme10" team="kiwoom">
<div class="swiper-slide dtthumb" value="Theme10" data-team="kiwoom">
<img src="../assets/images/kia/pdp/display_theme_kbo/KBO/logo_theme10.png" alt="키움 히어로즈" />
<p>키움 히어로즈</p>
</div>