(function (){
const isWide=window.innerWidth > 959;
function initPostSlider(){
const postSlider=document.getElementById('post_slider');
if(postSlider===null) return;
const swellVars=window.swellVars;
if(swellVars===undefined) return;
const swiperEl=postSlider.querySelector('.swiper');
if(swiperEl===null){
postSlider.classList.add('show_');
return;
}
if(window.swellPsSwiper){
window.swellPsSwiper.destroy(true, true);
window.swellPsSwiper=null;
}
const settings=window.soukenPsSettings||{};
const psSpeed =
parseInt(settings.psSpeed)||parseInt(swellVars.psSpeed)||500;
const psDelay =
parseInt(settings.psDelay)||parseInt(swellVars.psDelay)||5000;
const psOnNav=settings.psOnNav!==undefined ? settings.psOnNav:true;
const psOnPagination =
settings.psOnPagination!==undefined ? settings.psOnPagination:true;
const psAutoplay =
settings.psAutoplay!==undefined&&settings.psAutoplay!==''
? settings.psAutoplay
: true;
const swiperConfig={
loop: true,
effect: 'slider',
preloadImages: false,
lazy: {
loadPrevNext: true,
},
autoplay: psAutoplay
? {
delay: psDelay,
disableOnInteraction: false,
}
: false,
speed: psSpeed,
pagination: psOnPagination
? {
el: '#post_slider .swiper-pagination',
clickable: true,
}
: false,
navigation: psOnNav
? {
nextEl: '#post_slider .swiper-button-next',
prevEl: '#post_slider .swiper-button-prev',
}
: false,
runCallbacksOnInit: true,
on: {
init(){
setTimeout(()=> {
const thumb=postSlider.querySelector('.p-postList__thumb');
if(thumb){
const thumbHeight=thumb.offsetHeight / 2;
const prevBtn=postSlider.querySelector('.swiper-button-prev');
const nextBtn=postSlider.querySelector('.swiper-button-next');
if(prevBtn&&nextBtn){
prevBtn.style.top=thumbHeight + 'px';
nextBtn.style.top=thumbHeight + 'px';
}}
}, 10);
},
},
};
const psNum =
parseFloat(settings.psNum)||parseFloat(swellVars.psNum)||4;
const psNumSp =
parseFloat(settings.psNumSp)||parseFloat(swellVars.psNumSp)||1;
const slidesPerView=isWide ? psNum:psNumSp;
swiperConfig.slidesPerView=slidesPerView;
swiperConfig.spaceBetween=0;
swiperConfig.slidesPerGroup=1;
const pickupPadLr=settings.pickupPadLr||'no';
swiperConfig.centeredSlides=pickupPadLr==='no' ? true:false;
const swiper=new Swiper(swiperEl, swiperConfig);
if(psAutoplay&&swiper.autoplay){
swiper.autoplay.start();
}
window.swellPsSwiper=swiper;
}
initPostSlider();
window.addEventListener('orientationchange', ()=> {
setTimeout(()=> {
if(window.swellPsSwiper){
window.swellPsSwiper.destroy();
initPostSlider();
}}, 10);
});
if(window.SWELLHOOK){
window.SWELLHOOK.add('post_slider_init', initPostSlider);
}})();