一次渲染所有元素而不是渲染框并等待图像加载

Question

如何告诉浏览器首先获取所有图像，然后显示一个就绪页面，而不是允许浏览器渲染img元素并在之后加载图像？

我在服务器端使用asp.net，但解决方案可能与DOM和javascript相关。

我期待像这样的答案 “创建一个div并更改z索引”或“将图像加载到隐藏元素中以开始加载图像”或“设置标题以告诉浏览器先加载图像”，因此这不是广泛讨论的问题。

Answer 1

解决方案肯定是客户端。我建议使用jQuery。您可以将所有图片放在<div>内，并将<div>设置为不可见（即<div id="container" style="display:none">）。然后，您可以为.ready()事件设置事件处理程序，该事件在页面加载后显示隐藏的<div>：

.ready(function() {
  $('#container').show();
});