Css swiper自动播放图像采集

有人能告诉我怎么做吗

我想用刷子将图像连续循环
当我收集了6张图片时

我有一些js代码，当我尝试时，图像的显示范围从6到1
类似这样的内容：

当我有6张图像时，我希望连续滑块工作
在6个集合中附加图像：

编辑：
我已将

循环

添加到

true

以获得图像的连续幻灯片，

slidesPerView:5，

以显示幻灯片中的5个图像，但当我设置

循环：true

时，pre和next按钮未按预期工作
如果我只有一个图像预览，滑块工作正常

slidesPerView:1，

预期：
当我们点击“下一步”和“上一步”按钮时，图像应相应地滑动，而当我们不点击时，图像必须处于连续循环中

类似于：
它有一张图片幻灯片，我想在幻灯片预览中有5张图片

有人能在这方面指导我吗：

var mySwiper=new Swiper（“.Swiper container”，
{
SlideService视图：5，//在幻灯片预览中显示5个图像
速度：1000，
自动播放：
{
延迟：2000年，
},
loop:true，//要进行连续循环
}); 
.swiper容器
{
宽度：100%；
高度：自动；
}
.滑梯{
/*将幻灯片文本垂直居中*/
显示：-网络工具包盒；
显示：-ms flexbox；
显示：-webkit flex；
显示器：flex；
-webkit盒包：中心；
-ms-flex-pack:center；
-webkit内容：中心；
证明内容：中心；
-webkit框对齐：居中；
-ms-flex-align：居中；
-webkit对齐项目：居中；
对齐项目：居中；
背景重复：无重复；
背景位置：中心；
背景尺寸：包含；
}
.自动播放
{
位置：绝对位置；
颜色：#000；
字体：100px/100%arial，无衬线；
右：15px；
文字装饰：无；
文本阴影：0 1px 0#fff；
顶部：15px；
宽度：自动；
高度：自动；
z指数：999；
不透明度：0.4；
过渡：不透明度。1s缓进，变换。1s缓出；
动画：淡入淡出；
}
@关键帧淡入/关闭
{
0%{不透明度：0.8；}
50%{不透明度：0.8；}
到{不透明度：0.4；}
}
.自动播放：活动
{
变换：比例（0.8）；
}
停止
{
右：15px；
}
玩
{
右：90px；
}
img{宽度：80%}
我不太明白您需要什么，但如果您发布代码，我们可以提供更好的帮助。无论如何，在这里您可以查看许多swiper集成的示例。