五感を刺激して、感性を育む親子で体験したい5つのこと | HugMug

{ // スクロールで表示されたときにスライドショーを開始する function xcheckSlideInView() { const rect = document.querySelector(’.swiper-container’).getBoundingClientRect(); if (rect.top = 0) { swiper.autoplay.start(); } else { swiper.autoplay.stop(); } } window.addEventListener(’scroll’, xcheckSlideInView); window.addEventListener(’resize’, xcheckSlideInView); // 初期ロード時に既に画面内に表示されている場合、スライドショーを開始する xcheckSlideInView(); } } }); // Initialize Swiper const swiper2 = new Swiper(’.swiper-container2’, { loop: true, // ループスライド autoplay: { delay: 3000, // 3秒ごとにスライド切替 }, pagination: { el: ’.swiper-pagination2’, clickable: true, // ドットをクリックしてスライドを変更可能 }, slidesPerView: 1, // 一度に表示するスライドの数 spaceBetween: 0, // スライド間のスペース centeredSlides: true, // スライドを中央に配置 on: { init: function () { // スクロールで表示されたときにスライドショーを開始する function xcheckSlideInView() { const rect = document.querySelector(’.swiper-container2’).getBoundingClientRect(); if (rect.top = 0) { swiper2.autoplay.start(); } else { swiper2.autoplay.stop(); } } window.addEventListener(’scroll’, xcheckSlideInView)