Swiper全屏自适应焦点轮播图 左右滚动中间主图

这款Swiper全屏自适应焦点轮播图，点击箭头按钮或拖动图片，左右滚动切换到中间展示大图。

具体效果看下方【演示地址】吧^_^

<script type="text/javascript" src="js/swiper.min.js"></script>

<script type="text/javascript">

window.onload = function() {

var swiper = new Swiper('.swiper-container',{

autoplay: false,

speed: 1000,

autoplayDisableOnInteraction: false,

loop: true,

centeredSlides: true,

slidesPerView: 2,

pagination: '.swiper-pagination',

paginationClickable: true,

prevButton: '.swiper-button-prev',

nextButton: '.swiper-button-next',

onInit: function(swiper) {

swiper.slides[2].className = "swiper-slide swiper-slide-active";

},

breakpoints: {

668: {

slidesPerView: 1,

}

}

});

}

</script>