Javascript 如何制作一个幻灯片，用户可以使用导航按钮，没有计时器

我正在尝试为我的网站创建一个幻灯片，它不使用任何计时器，因为这是我现在拥有的，但我希望用户能够使用导航按钮。我一直在用谷歌搜索它，但我遇到的每件事都非常复杂，我无法掌握它。所以我想知道这里是否有人愿意解释我将如何做到这一点

这里有一张情况的图片，以及我将如何使用它。这是一个覆盖层

---

您的网站是否支持引导？如果是，您可以使用引导转盘滑块。 通过设置属性，可以停止自动滑动

  $('.carousel').carousel({
          interval: false
   });

此代码用于具有下拉功能的导航面板

正文
{
/*背景：url（无论你想用什么）不重复*/
背景尺寸：封面；
字体系列：Arial；
颜色：白色
}
保险商实验室
{
边际：0px；
填充：0px；
列表样式：无；
}
ulli
{
浮动：左；
宽度：200px；
高度：40px；
背景色：黑色；
不透明度：.8；
线高：40px；
文本对齐：居中；
字体大小：20px；
}
ullia
{
颜色：白色；
显示：块；
}
悬停
{
背景颜色：绿色；
}
ulli ulli
{
显示：无；
}
ul li：悬停ul li
{
显示：块；
}

家
关于

首先
第二


要做的事情

首先
第二


接触

首先
第二


新闻

首先

需要更多详细信息。是否打算使用框架解决此问题？也许你应该试着写一些代码，看看你能走多远。在我的头顶上，你可以调整旋转木马移动图像的时间设置，这样你就有了完全的控制权。创建幻灯片放映不是很容易，你需要将所有图像堆叠在一起，然后在它们移动时改变它们的位置“对吗？”您还需要定义容器的高度，因为容器的大小将由具有position:relative的图像确定。