轮播图怎么默认第一张图显示

轮播图通常在初始化时会设置默认的第一张图片显示。这通常是通过JavaScript库（如Swiper、Slick等）或者HTML/CSS来完成的。下面是基本步骤：

1. **HTML结构**：在轮播图容器上设置初始索引。例如，如果你有5张图片，第0张作为默认展示，你可以这样做：

   <div class="carousel">
     <img src="image1.jpg" data-index="0"> <!-- 默认显示 -->
     <img src="image2.jpg">
     ...
   </div>

2. **JavaScript配置**：如果你使用的是JavaScript库，会在初始化时指定默认项。例如，在Swiper中：

   const swiper = new Swiper('.carousel', {
     initialSlide: 0, // 第一张图片作为初始滑动项
     // 其他swiper配置...
   });

3. **CSS样式**：有时候，仅靠HTML标记就可以实现，默认情况下，第一个`<img>`元素会因为其`data-index`属性值最小而自动位于最前。

4. **懒加载**：某些情况下，可能会先隐藏第一张图片，直到用户开始滚动再显示。这时需要配合JavaScript处理`load`事件来确保图片完全加载后再切换到第一张。

记得检查所使用的轮播库文档以获取详细的设置方法，因为每款库可能都有其特定的API。