这款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>