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>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791