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

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

;}function showOSlides() {let oSlides = document.getElementsByClassName("oslide");// 全てのoスライドを非表示にするfor (let i = 0; i oSlides.length) {oSlideIndex = 1;}// 現在のoスライドを表示するoSlides[oSlideIndex - 1].style.display = "block";// 2秒ごとに次のoスライドに切り替えるsetTimeout(showOSlides, 1000);}document.querySelectorAll(’.open-popup’).forEach(button => {button.addEventListener(’click’, function () {const targetPopup = document.querySelector(this.dataset.target);targetPopup.style.display = ’flex’;document.body.classList.add(’modal-open’);});});document.querySelectorAll(’.close-popup,.poptop’).forEach(button => {button.addEventListener(’click’, function () {this.closest(’.popup’).style.display = ’none’;document.body.classList.remove(’modal-open’);});});
// Initialize Swiper const swiper = new Swiper(’.swiper-container’, { loop: true, // ループスライド autoplay: { delay: 3000, // 3秒ごとにスライド切替 }, pagination: { el: ’.swiper-pagination’, clickable: true, // ドットをクリックしてスライドを変更可能 }, slidesPerView: 1, // 一度に表示するスライドの数 spaceBetween: 0, // スライド間のスペース centeredSlides: true, // スライドを中央に配置 on: { init: function ()

関連記事
新着子育てまとめ
もっと見る
記事配信社一覧
facebook
Facebook
Instagram
Instagram
X
X
YouTube
YouTube
漫画家・脚本家募集LPバナー 上へ戻る
エキサイトのおすすめサービス

Copyright © 1997-2024 Excite Japan Co., LTD. All Rights Reserved.