swiper4团队成员图文列表轮播切换特效免费下载

swiper4团队成员图文列表轮播切换特效,可以鼠标拖动、点击箭头按钮或列表项目左右切换,显示3个列表项,中间的放大突出展示,还有背景动画效果。

JS代码

<script src="js/swiper.min.js"></script> 
<script type="text/javascript"> 
    // community-carousel 
    if ( $( ".community-carousel" ).length ) { 
        var swiperVideo = new Swiper('.community-carousel .swiper-container', { 
            navigation: { 
                nextEl: '.community-carousel .swiper-btn-next', 
                prevEl: '.community-carousel .swiper-btn-prev', 
            }, 
            loopAdditionalSlides:3, 
 
            effect: 'slide', 
            grabCursor: true, 
            paginationClickable:true, 
            centeredSlides: true, 
 
            loop:true, 
            autoplay: true, 
            slidesPerView: "auto", 
            initialSlide:1, 
            keyboardControl:true, 
            slideToClickedSlide:true, 
            preventClicks:false, 
            speed:800, 
            followFinger:false, 
            onInit: function(swiper){ 
 
            }, 
        }); 
    } 
</script>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录