Javascript Swiper i危险滑块按视图中的项目显示,而不是逐个显示

Javascript Swiper i危险滑块按视图中的项目显示,而不是逐个显示,javascript,swiper,Javascript,Swiper,我正在使用Swiper Idangerous插件创建一个滑块,我遇到了一个问题 我会解释我的问题: 现在在分页时滑动显示所有项目的项目符号,滑动时滑动到下一个项目 我需要的是: 需要分页只显示页数(而不是项目),并且在滑动时需要查看下4个项目(因此滑动所有4个项目并显示下4个项目) 如果可能的话,用那个插件?,或者有其他的插件可以做到 我添加了一个代码,这样你就可以知道我在做什么,我也需要这样做才能做出响应 var swiper=新的swiper(“.swiper容器”{ 幻灯片视图:4, 循

我正在使用Swiper Idangerous插件创建一个滑块,我遇到了一个问题

我会解释我的问题: 现在在分页时滑动显示所有项目的项目符号,滑动时滑动到下一个项目

我需要的是: 需要分页只显示页数(而不是项目),并且在滑动时需要查看下4个项目(因此滑动所有4个项目并显示下4个项目)

如果可能的话,用那个插件?,或者有其他的插件可以做到

我添加了一个代码,这样你就可以知道我在做什么,我也需要这样做才能做出响应

var swiper=新的swiper(“.swiper容器”{
幻灯片视图:4,
循环幻灯片:4,
中心幻灯片:错误,
间隔时间:10,
格雷博:是的,
循环:对,
分页:'.swiper分页',
paginationClickable:true,
断点:{
1200: {
幻灯片视图:4,
循环幻灯片:4,
间隔:10
},
1024: {
幻灯片视图:3,
循环幻灯片:3,
间隔:10
},
768: {
幻灯片视图:2,
循环幻灯片:2,
间隔:10
},
675: {
幻灯片视图:1,
循环幻灯片:1,
间隔:20
}
}
});
.swiper容器{
宽度:100%;
高度:300px;
}
.滑梯{
颜色:#000;
文本对齐:居中;
填充:100px 0px;
}

幻灯片1
幻灯片2
幻灯片3
幻灯片4
幻灯片5
幻灯片6
幻灯片7
幻灯片8
尝试设置该选项

slidesPerGroup:4

只需添加以下代码: 幻灯片组:4,
loopFillGroupWithBlank:true,

如果您希望一次显示多张幻灯片,请使用

slidesPerView: >1

这个答案应该被接受。这是一个值得骄傲的时刻,我正在浏览API文档,我检查了许多其他选项,但没有检查这个选项。我刚想到这个问题,我的问题就解决了。朋友,坚持下去。非常感谢你的留言!我对Stacknow的交流还是一个新手,非常感谢。我经常离开,谢谢。是的!是的!加油!尝试了这么多年都没有成功。哇,韦恩,老兄,我太爱你了,你离我太远了。。。