CSS和HTML幻灯片仅显示3张图片

我想在我的网站上显示一个幻灯片，我使用了以下代码，但它只循环播放前3张图片。有人能告诉我如何让它在所有的图片中循环吗

#滑动容器1{
缩放：最大宽度：1300px；
最大高度：360px；
z指数：90；
保证金：0px 0px 0px 0px；
}
#滑动容器1.wn_图像ul{
位置：相对位置；
宽度：10000%；
身高：100%；
左：0；
列表样式：无；
保证金：0；
填充：0；
边界间距：0；
溢出：可见；
}
#滑动容器1.wn_图像ul li{
位置：相对位置；
宽度：1%；
身高：100%；
线高：0；
/*歌剧院*/
溢出：隐藏；
浮动：左；
字号：0；
填充：0！重要；
边距：0！重要；
}
#slider-container1.wn_图像{
位置：相对位置；
左：0；
排名：0；
身高：100%；
最大高度：360px；
最大宽度：100%；
垂直对齐：顶部；
边界：无；
溢出：隐藏；
}
#滑动容器1.wn_图像>ul{
动画：wnBasic 12s无限；
-moz动画：wnBasic 12s无限；
-webkit动画：wnBasic 12s无限；
}
@关键帧wnBasic{
0% {
左-0%；
}
16.67% {
左-0%；
}
33.33% {
左-100%；
}
50% {
左-100%；
}
66.67% {
左-200%；
}
83.33% {
左-200%；
}
}
@-moz关键帧wnBasic{
0% {
左-0%；
}
16.67% {
左-0%；
}
33.33% {
左-100%；
}
50% {
左-100%；
}
66.67% {
左-200%；
}
83.33% {
左-200%；
}
}
@-webkit关键帧wnBasic{
0% {
左-0%；
}
16.67% {
左-0%；
}
33.33% {
左-100%；
}
50% {
左-100%；
}
66.67% {
左-200%；
}
83.33% {
左-200%；
}
}

未定义的

您可以使用j query插件进行幻灯片放映有一个很棒的幻灯片放映插件。 例如：

---

在任何人给你答案之前，你需要对代码进行更好的格式化。单击ctrl+k，然后复制粘贴代码，这种水平滚动相当于..不实用：-）