如何编辑图像 JavaScript 的加载优先级

Question

我有两张如下图：

<img src="image1.jpg" class="image" id="image1">
<img src="image2.jpg" class="image" id="image2">

如何更改图像的加载优先级，使 image2 在 image1 之前加载？这可以用 JavaScript 实现吗？

Answer 1

是的，这是可能的。它将首先加载image2.jpg，然后加载image1.jpg，而无需等待image2.jpg 完全加载。

<script>
  var img1 = document.getElementById("image1");
  var img2 = document.getElementById("image2");

  img2.setAttribute("src","image2.jpg");
  img1.setAttribute("src","image1.jpg");
</script>