引用swiper横向轮播 移动端

html部分

<div id="certify">
	<div class="swiper-container" id="swiperone">
		<div class="swiper-wrapper">
			<div class="swiper-slide">
				<img src="img/syimg/1.jpg">
			</div>
			<div class="swiper-slide">
				 <img src="img/syimg/1.jpg">
			</div>
			<div class="swiper-slide">
				 <img src="img/syimg/1.jpg">
			</div>
		</div>
		<div class="swiper-pagination"></div>
	</div>
</div>

之后页面需要引入swiper.js和css

var swiperone = new Swiper('#certify .swiper-container', {
	watchSlidesProgress: true,//来计算每个slide的progress(进度、进程)
	slidesPerView: 1.5,//slider容器能够同时显示的slides数量(carousel模式)
	centeredSlides: true,//设定为true时，active