Javascript 引导转盘不工作（显示页面上的所有元素）

我正在尝试创建旋转木马。我已经创建了结构，但只希望显示五个块，然后在单击箭头后显示第六个块。我该怎么办

我的做法：通过

img{ 边框：1px纯红； 宽度：100px； 高度：100px； 显示：块； } 保险商实验室{ 显示：内联块； } 李{ 列表样式类型：无； } 测试1 测试2 测试3 测试4 测试5 测试6

---

这应该是你想要的。在类项中添加了一个div

img{ 边框：1px纯红； 宽度：100px； 高度：100px； 显示：块； } 保险商实验室{ 显示：内联块； } 李{ 列表样式类型：无； } 测试1 测试2 测试3 测试4 测试5 测试6

---

这是因为您将所有图像保存在一个文件夹中

将它们保存在单独的items div中，方法如下：

<div class="item active">cat 1</div>
<div class="item">cat 2</div>
<div class="item">cat 3</div>
<div class="item">cat 4</div>
<div class="item">cat 5</div>
<div class="item">cat 6</div>

测试1 测试2 测试3 测试4 测试5 测试6 img{ 边框：1px纯红； 宽度：100px； 高度：100px； 显示：块； } 保险商实验室{ 显示：内联块； } 李{ 列表样式类型：无； } 测试1 测试2 测试3 测试4 测试5 测试6 您只有一个名为item的div，因此所有图像都放在同一张幻灯片上。