<!--Swiper -->
<div class="swiper-container">
<!-- スライド要素を囲むラッパー -->
<div class="swiper-wrapper">
<!-- スライド -->
<div class="swiper-slide"><div class="slide1"><p>Slide1</div></div>
<div class="swiper-slide"><div class="slide2"><p>Slide2</div></div>
<div class="swiper-slide"><div class="slide3"><p>Slide3</div></div>
<div class="swiper-slide"><div class="slide4"><p>Slide4</div></div>
</div>
<!-- オプション：ページネーション -->
<div class="swiper-pagination"></div>
<!-- オプション：ナビゲーションボタン -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<!-- オプションスクロールバー -->
<div class="swiper-scrollbar"></div>
</div>
var mySwiper = new Swiper ('.swiper-container', {
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
pagination: {
el: '.swiper-pagination',
type: 'bullets',
clickable: true,
},
scrollbar: {
el: '.swiper-scrollbar',
draggable: true,
}
});
