图片在加载过程中显示loading

当图片正在加载时，可以显示一个loading图标来提醒用户图片正在加载。这可以通过在<img>标签中添加一个onload事件和一个onerror事件来实现。在onload事件中，可以隐藏loading图标并显示图片；在onerror事件中，可以显示一个错误信息或者重试按钮。

例如，可以这样写代码：

<div>
  <img src="path/to/image.jpg" onload="onImageLoad()" onerror="onImageError()">
  <div id="loading" style="display: block;">Loading...</div>
  <div id="error" style="display: none;">Failed to load image.</div>
  <button id="retry" style="display: none;" onclick="retryImage()">Retry</button>
</div>

<script>
function onImageLoad() {
  document.getElementById("loading").style.display = "none";
  document.getElementById("error").style.display = "none";
  document.getElementById("retry").style.display = "none";
}

function onImageError() {
  document.getElementById("loading").style.display = "none";
  document.getElementById("error").style.display = "block";
  document.getElementById("retry").style.display = "block";
}

function retryImage() {
  document.getElementById("loading").style.display = "block";
  document.getElementById("error").style.display = "none";
  document.getElementById("retry").style.display = "none";
  document.getElementsByTagName("img")[0].src = "path/to/image.jpg";
}
</script>

在上面的代码中，图片加载时会显示loading图标，如果加载成功则隐藏loading图标并显示图片，如果加载失败则隐藏loading图标并显示错误信息和重试按钮。点击重试按钮会重新加载图片。