注册 登录 充值会员 退出
毕业设计 PHP源码
充值

swiper团队成员图文列表轮播切换代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-06-25
swiper团队成员图文列表轮播切换代码
swiper团队成员图文列表轮播切换代码是一款基于swiper4制作的图片文字展示特效,布局跟切换效果都非常棒,发挥你的想象,用处可以很多。


js代码

<script src="js/jquery.min.js"></script>
<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>