Splideでスライドがactiveになった時に何かするやつ
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
const switchAnimation = () => { const activeSlide = document.querySelectorAll('.splide__slide[class*=-active]'); let count = 1; for (let item of activeSlide) { if (item.classList.contains("slide1")) { // .slide1がactiveになった時の実行内容(jQueryでも可) } if (item.classList.contains("slide2")) { // .slide2がactiveになった時の実行内容(jQueryでも可) } count++; } } mv.on('active', function () { // アクティブスライドが変わったときにロゴ色を変更 switchAnimation(); }); |