//アニメーション付きのswiper関数
const myDelay = 6000;
let timer;
// アニメーション切り替えの関数
const switchAnimation = (activeSlide) => {
clearTimeout(timer);
for (let i = 0; i < activeSlide.length; i++) {
activeSlide[i].classList.remove("anm-finished");
activeSlide[i].classList.add("anm-started");
}
//自動再生無しなら削除
timer = setTimeout(() => {
for (let i = 0; i < activeSlide.length; i++) {
activeSlide[i].classList.remove("anm-started");
activeSlide[i].classList.add("anm-finished");
}
}, myDelay - 1000);
};
// アニメーション終了の関数
const finishAnimation = (activeSlide) => {
for (let i = 0; i < activeSlide.length; i++) {
activeSlide[i].classList.remove("anm-started");
activeSlide[i].classList.add("anm-finished");
}
};
//各関連記事用共通
const matcMedia = window.matchMedia("(max-width:768px)").matches;
const slideLength = document.querySelectorAll(".swiper-slide").length;
//newspickup用スライダー(slick)
$(".pickupSlider")
.slick({
draggable: true,
pauseOnHover: false,
speed: 1000,
autoplaySpeed: 5000,
fade: false,
dots: false,
arrows: true,
prevArrow:
'',
nextArrow:
'',
})
.on("beforeChange", function (event, slick, currentSlide, nextSlide) {});
/////////////
//MV-SLIDER-SP
$("#MV-SLIDER-SP")
.slick({
autoplay: true,
centerMode: false,
draggable: true,
pauseOnHover: false,
slidesToShow: 1,
slidesToScroll: 1,
variableWidth: false,
speed: 1000,
autoplaySpeed: 5000,
fade: true,
dots: true,
arrows: false,
})
.on("beforeChange", function (event, slick, currentSlide, nextSlide) {});