在加载页面时捕获所有图像

Question

在触发onload之前，是否可以在页面加载时捕获所有图像？

我想在onload事件后加载所有图像，背景上有一些ajax图标。

Answer 1

您可以在页面中执行任意Javascript代码，而无需使用onload事件:(请参阅http://bytes.com/topic/javascript/answers/147703-there-any-call-before-body-onload ）

<html>
    <head>
        <script>alert(0)</script>
    </head>
    <body onload="alert(2)">
        ... (content) ...
        <script>alert(1)</script>
    </body>
</html>

_{（警戒顺序：0,1,2）}

现在，在alert(1) ，你可以使用document.getElementsByTagName() ，并选择你的img标签来做你想做的任何事情。 甚至可以创建一个脚本来推迟加载图像，直到它们应该在可见的滚动区域中。 这对于包含图像的大型列表非常有用。

但是，更简单的解决方案是使用CSS并在每个img元素上应用背景图像。

Answer 2

考虑使用可以替换onload的过渡元素。

 <a rel="image" href="path/to/img"><img src="loader.gif"></a>

喜欢嵌入闪存。

在加载页面时捕获所有图像

问题描述

2 个解决方案

解决方案1
2 已采纳 2011-07-26 13:21:40

解决方案2
0 2011-07-26 13:18:14

在加载页面时捕获所有图像

问题描述

2 个解决方案

解决方案1 2 已采纳 2011-07-26 13:21:40

解决方案2 0 2011-07-26 13:18:14

解决方案1
2 已采纳 2011-07-26 13:21:40

解决方案2
0 2011-07-26 13:18:14