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

업로드

Browse Source
This commit is contained in:
NEW_GIL_HOME\hyeon
2024-02-18 13:48:12 +09:00
parent 24f3c4835b
commit 88db183909
40 changed files with 77 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
assets/js/common.js
View File

@@ -173,13 +173,14 @@ $(document).ready(function() {
spaceBetween: 20,
freeMode: true,
});
//PDP Display Theme
let flagAutoPlay = true;
var swiperTheme = new Swiper(".pdpDisplayThemeSwiper", {
slidesPerView: "auto",
loop:true,
freeMode: true,
autoplay: {
pauseOnMouseEnter: true,
delay:1,
disableOnInteraction: false,
},
@@ -198,22 +199,49 @@ $(document).ready(function() {
}
},
on: {
init: function (swiper) {
console.log('swiper initialized')
var swiperContainer = document.querySelector('.swiper-container');
// Pause autoplay when mouse enters the Swiper container
swiperContainer.addEventListener('mouseenter', function() {
swiperTheme.autoplay.stop();
});
// Resume autoplay when mouse leaves the Swiper container
swiperContainer.addEventListener('mouseleave', function() {
swiperTheme.autoplay.start();
});
init: function () {
},
},
});
});
$('.pdpDisplayThemeSwiper').hover(function(){
if(flagAutoPlay==true){
swiperTheme.autoplay.stop();
}
}, function(){
if(flagAutoPlay==true){
swiperTheme.autoplay.start();
}
});
$(document).on("click", ".dtthumb", function() {
const dtlImgPath = $(this).attr("value");
const dtlImgs = $(".dtlImgs");
$(this).parent().find("li").removeClass("active");
$(this).addClass("active");
$('.dtlImgs .item').addClass('change')
setTimeout(function() {
$('.dtlImgs .item').removeClass('change')
}, 200);
$(".themeImg").each(function(e){
const idx = e+1;
const src = $(this).attr("src");
const lastIndex = src.lastIndexOf("/");
const pathWithoutFileName = src.substring(0, lastIndex);
$(this).attr("src", `${pathWithoutFileName}/${dtlImgPath}-${idx}.png`);
});
const visualBgSrc = $(".visualBg img").attr("src");
const visualBgLastIndex = visualBgSrc.lastIndexOf("/");
const visualBgPathWithoutFileName = visualBgSrc.substring(0, visualBgLastIndex);
$(".visualBg img").attr("src", `${visualBgPathWithoutFileName}/${dtlImgPath}_screen.jpg`);
flagAutoPlay = false;
});
@@ -445,38 +473,4 @@ $(document).on("click", ".lpthumb", function() {
$(".lighting_pattern_movie").attr("src", $(this).attr("value"));
$(".lighting_pattern_movie").load();
$(".lighting_pattern_movie").play();
});
// PDP Lighting Pattern
$(document).on("click", ".dtthumb", function() {
const dtlImgPath = $(this).attr("value");
const dtlImgs = $(".dtlImgs");
$(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");
const lastIndex = src.lastIndexOf("/");
const pathWithoutFileName = src.substring(0, lastIndex);
$(this).attr("src", `${pathWithoutFileName}/${dtlImgPath}-${idx}.png`);
});
const visualBgSrc = $(".visualBg img").attr("src");
console.log(visualBgSrc)
const visualBgLastIndex = visualBgSrc.lastIndexOf("/");
const visualBgPathWithoutFileName = visualBgSrc.substring(0, visualBgLastIndex);
$(".visualBg img").attr("src", `${visualBgPathWithoutFileName}/${dtlImgPath}_screen.jpg`);
});