jQuery滑块无法加载第一个图像

在加载第一页时，我的滑块有问题。当我使用图像下方的“左”或“右”箭头，然后返回到第一页时，一切正常。我不知道在哪里可以修好它

---

实际上，我不确定这是因为CSS还是jQuery。

您通过将

.slide

定义为隐藏后缀来覆盖

.slide.active slide

的可见性属性。这使得第一张幻灯片不可见，因为没有jQuery调用使其可见。更改：

.active-slide 
{
  display: block;
}

.slider 
{
  margin-top: 25px;
  width: 100%;
  height: 669px;
}

.slide 
{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

因此，

.active slide

位于

之后。slide

：

.slider 
{
  margin-top: 25px;
  width: 100%;
  height: 669px;
}

.slide 
{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.active-slide 
{
  display: block;
}

---

.CSS按编码顺序加载。您正在使用禁用

显示：块的
.slide
类覆盖您的
.active幻灯片
您正在寻找的。要使其全部正常工作，请移动：

.active-slide 
{
    display: block;
}

下面

.slide 
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}