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

yzch6671

1年前发布

013510

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>

声明 1 本站名称：精品资源网
2 本站永久网址：https://www.jpzyw.net
3 本站部分资源来自于网络，分享给大家学习参考，如有侵权，请及时联系站长进行删除处理。
4 本站不对所有资源其观点和其真实性负责。
5 本站一律禁止用户以任何方式发布或转载违背法律法规的相关信息，访客发现请及时向站长举报。

THE END