javascript - 你能控制网页上图像(隐藏与可见)的加载顺序吗？

Question

如果我有两个 div，一个显示，另一个隐藏，我希望首先加载可见 div 中的图像，然后才加载其他隐藏图像。

有办法吗？

<div class="shown">
<img src="a.jpg" class="loadfirst">
<img src="b.jpg" class="loadfirst">
<img src="c.jpg" class="loadfirst">
<img src="d.jpg" class="loadfirst">
<img src="e.jpg" class="loadfirst">
</div

<div style="display:none" class="hidden">
<img src="1.jpg" class="loadsecond">
<img src="2.jpg" class="loadsecond">
<img src="3.jpg" class="loadsecond">
<img src="4.jpg" class="loadsecond">
<img src="5.jpg" class="loadsecond">
</div>

Answer 1

浏览器应该按照标记中列出的顺序请求图像。因此它会请求 a.jpg、b.jpg 等。

如果您不希望隐藏的 DIV 图像随页面一起加载，那么您必须在要加载图像时从客户端插入该 HTML。