Swiper全屏响应式图片滑动切换代码

Swiper全屏响应式图片滑动切换代码

Swiper全屏响应式图片滑动切换代码

一款电脑端与手机端都可以用的Swiper全屏响应式图片滑动切换代码,点击左右箭头按钮进行切换,电脑拖动图片也可以切换,手机触屏滑动图片切换。

源码介绍

js代码

"text/javascript" src="js/swiper.min.js"
"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
                        } 
                    } 
                }); 
            } 


分享到 :

发表评论

登录... 后才能评论