头像

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

来源:http://phprr.com/show-817 a***n 2018-07-30 22:02:22浏览() 收藏

一款电脑端与手机端都可以用的Swiper全屏响应式图片滑动切换代码,点击左右箭头按钮进行切换,电脑拖动图片也可以切换,手机触屏滑动图片切换。
Swiper全屏响应式图片滑动切换代码
查看演示 下载资源: 1 下载资源 下载积分: 20 积分

1元=10积分 1元=1码币,全栈客服QQ357058607,在线充值

js代码

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



腾讯云服务器安全可靠高性能,多种配置供您选择

https://cloud.tencent.com/redirect.php?redirect=1001&cps_key=b685b398d3e704662203733b89accc52&from=console

阿里云服务器安全可靠高性能,多种配置供您选择

https://promotion.aliyun.com/ntms/act/qwbk.html?userCode=geqqrf2n


最新交易
评论2
头像

评论后赠送5积分,下载出错或者资源有问题请联系全栈客服QQ 357058607

  • 头像
    2018-08-13 08:25:43
    e******7
    swiper插件。。。
  • 头像
    2018-07-31 08:28:30
    e******7
    不错的幻灯片,,,特效呢。。。
1 2