在第一页100％完成加载后，如何为后续页面加载图像？

Question

我有一个启动页面到我的网站，内容非常少，几乎立即出现。

在用户登录后，他们会看到一个加载jQuery的页面，一些javascripts以及一些图像。 所以第二个屏幕出现的速度要快一些，我想在第一个屏幕上预先加载一些图像，但是在所有内容都出现后执行此操作，以免以任何方式降低屏幕速度。

有没有办法可以预先加载这个。 也许用javascript（但不是jQuery）。 我只是想确保下面的所有图像都是在其他所有内容之后下载的？

document-globe.png
control-000-small.png
home.png
folder-open.png
arbo-points-v-end.gif
arbo-points-v.gif
breadcrumb-sep.png

Answer 1

目前还不清楚你到底要做什么。 您可以执行以下操作：

1. 您可以在启动页面中侦听window.onload事件，该事件表示现在已加载启动页面的HTML中指定的所有资源。 然后，您可以预先加载将在其他地方使用的图像，可以在本页后面的动态javascript或后续页面中使用。 对其他页面进行预加载只会使图像位于这些页面的浏览器缓存中（这将加快其加载速度）。

2. 您可以从HTML中获取图像并通过javascript插入它们。 如果这样做，您可以首先加载HTML中的图像，然后使用上面的window.onload事件，然后加载第二组图像并将其插入页面中。 这是优先处理首先/何时加载哪些图像的一种方法。

3. 您可以将onload处理程序附加到页面中的七个特定图像并使用这些onload处理程序中的代码，您可以知道这些七个特定图像现在何时被加载，然后在您的javascript代码中执行其他操作（例如开始加载或预加载其他图片）。 由于HTML中指定的图像在任何javascript可以将事件处理程序附加到它们之前开始加载，因此您必须在实际HTML中特定这些类型的onload处理程序，以便它们立即生效。

您无法在HTML中指定N个图像，并且在加载任何其他图像之前，神奇地告诉浏览器先加载其中的七个图像。 浏览器/ HTML没有这种功能。