"/>

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

124
0
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>
jQuery.photoClip头像图片上传裁剪旋转放大缩小代码
CSS3鼠标悬停图片切换文字代码

热点素材