<! DOCTYPE html>
<meta charset= "UTF-8" >
<title>Document</title>
<meta name= "viewport" content= "Width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, User-scalable=0 ">
<link rel= "stylesheet" href= "Swiper/swiper-3.4.1.min.css" >
<script src= ' swiper/swiper-3.4.1.min.js ' ></script>
<style>
img{width:100%;}
</style>
<body>
<div class= "Swiper-container" >
<div class= "Swiper-wrapper" >
<div class= "Swiper-slide" >
</div>
<div class= "Swiper-slide" >
</div>
<div class= "Swiper-slide" >
</div>
</div>
<!--If you need a pager--
<div class= "Swiper-pagination" ></div>
<div class= "Swiper-pagination" ></div>
<div class= "Swiper-pagination" ></div>
<!--If you need a navigation button--
<div class= "Swiper-button-prev" ></div>
<div class= "Swiper-button-next" ></div>
</div>
<script>
var myswiper = new Swiper ('. Swiper-container ', {
Loop:true,
If you need a page splitter
Pagination: '. Swiper-pagination ',
If you need to forward the back button
Nextbutton: '. Swiper-button-next ',
Prevbutton: '. Swiper-button-prev ',
Effect: ' Cube ',
})
</script>
</body>
Swiper Quick Start-up carousel-Mobile