JavaScript轮播图可看第二张图片

JavaScript轮播图通常通过创建一个包含几张图片的容器，并配合定时器或者用户交互事件来实现。为了让轮播显示第二张图片，你需要首先初始化图片数组或者索引，然后设置一个切换函数：

1. **HTML结构**:

<div class="carousel">
  <img src="image1.jpg" alt="第一张图片">
  <img src="image2.jpg" alt="第二张图片">
  <!-- 更多图片... -->
</div>

2. **CSS样式**:
隐藏除首张图片以外的图片:

.carousel .hidden {
  display: none;
}

3. **JavaScript代码示例**:

var slideIndex = 1; // 初始展示的第一张图片的索引
showSlides();

function showSlides() {
  var i;
  var slides = document.getElementsByClassName("slide");
  
  for (i = 0; i < slides.length; i++) {
    slides[i].classList.remove("active"); // 取消所有图片的激活状态
  }
  
  slides[slideIndex - 1].classList.add("active"); // 显示当前索引对应的图片
  setTimeout(showSlides, 3000); // 每隔3秒切换到下一张（时间单位毫秒）
  
  // 跳转到第二张图片:
  if (slideIndex === 1) {
    slideIndex = 2;
  } else {
    slideIndex = 1;
  }
}

以上代码会在轮播开始时默认显示第二张图片（因为初始`slideIndex`为1），然后每隔3秒切换到下一张。