注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码

充值

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

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2023-12-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>