缩略图选择、事件委托与主图状态 | 星雨笔录

核心： 缩略图列表点击后只需更新当前图片地址；事件委托可减少监听器数量。

最小示例：

document.querySelector('#thumbs').onclick = e => {
  const img = e.target.closest('img');
  if (img) document.querySelector('#mainPic').src = img.src;
};

学完能做： 根据缩略图点击结果切换主图片。