console
var mySwiper = new Swiper(".swiper-container", {
autoplay: true,
pagination: {
el: '.swiper-pagination',
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="https://assets.bootcss.com/www/assets/img/expo.png" alt="" />
</div>
<div class="swiper-slide">
<img src="https://assets.bootcss.com/www/assets/img/webpack.png" alt="" />
</div>
<div class="swiper-slide">
<img src="https://assets.bootcss.com/www/assets/img/react.png" alt="" />
</div>
<div class="swiper-slide">
<img src="https://assets.bootcss.com/www/assets/img/typescript.png" alt="" />
</div>
<div class="swiper-slide">
<img src="https://assets.bootcss.com/www/assets/img/jqueryapi.png" alt="" />
</div>
</div>
<div class="swiper-pagination">
</div>
<div class="swiper-button-prev">
</div>
<div class="swiper-button-next">
</div>
</div>
.swiper-container {
width:400px;
.swiper-slide {
color: #fff;
height: 200px;
line-height:150px;
text-align: center;
background-color: #888;
img{
width:100%;
height:100%;
}
}
}