Javascript 如何在js中制作幻灯片按钮

嘿，我在做一个css滑块，没有js也可以，只有css，但是我想为滑块的导航按钮做一个js脚本，我的意思是我想做一个js脚本，通过点击左或右按钮，可以向左或向右滑动内容，它必须做一个循环，我的意思是，如果你点击一次按钮，它就必须向左滑动内容或者每次都是100%，最大宽度是我想滑动内容的1000%，有人能帮我吗

<div class="slider-10">
<div class="slider-box" style="width: 1000%">
<img src="img/image-1.jpg" />
<img src="img/image-2.jpg" />
<img src="img/image-3.jpg" />
<img src="img/image-4.jpg" />
<img src="img/image-5.jpg" />
<img src="img/image-6.jpg" />
<img src="img/image-7.jpg" />
<img src="img/image-8.jpg" />
<img src="img/image-9.jpg" />
<img src="img/image-10.jpg" />
</div>
</div>

我想滑动这一部分：

<div class="slider-box" style="width: 1000%">
    <img src="img/image-1.jpg" />
    <img src="img/image-2.jpg" />
    <img src="img/image-3.jpg" />
    <img src="img/image-4.jpg" />
    <img src="img/image-5.jpg" />
    <img src="img/image-6.jpg" />
    <img src="img/image-7.jpg" />
    <img src="img/image-8.jpg" />
    <img src="img/image-9.jpg" />
    <img src="img/image-10.jpg" />
    </div>

---

请帮助我

您可以在

div

元素中设置任何

img

，对于每个

img

标记，意味着1

div

，然后在js中声明一个函数，并使用

onclick

事件调用它，例如：单击右键将1发送到函数，单击左键将1发送到函数-1。

---

然后你可以为每个应该显示的div添加类。

为什么不使用一个可用的第三方组件，比如Bootstrap的carousel？不，因为我正在为那些不了解js的人制作自己的滑块框架，但我想让它为我添加js，用于sliderBootstrap的导航，它不需要太多js。它几乎是即插即用的。但我讨厌bootstrap我想要我的框架为什么要重新发明轮子？