当页面加载完成时，默认显示第一张图对应的大图

当网页加载完成后，通常情况下，如果你有一个图片轮播、缩略图展示或者是一个懒加载的图片库，想要默认显示第一张图对应的大图，你可以使用以下几种常见的做法：

1. **HTML结构**：设置第一个`<img>`标签的`src`属性为大图路径，例如`<img src="large-image.jpg" alt="第一张图">`。这样浏览器会先下载并显示这张图片。

2. **JavaScript**: 可能需要配合JavaScript脚本，在DOM加载完毕后，通过检查元素顺序或属性选择器获取第一张图片，并切换其样式使其成为大图显示。

window.onload = function() {
  var firstImage = document.querySelector('img:first-child');
  if (firstImage) {
    firstImage.classList.add('is-large');
  }
}

3. **CSS`: 使用媒体查询或者`display: block`初始隐藏其他图片，然后给第一张设置`display: block`让它显示。

.is-first {
  display: block;
}

/* 或者 */
img:not(:first-child) {
  display: none;
}