0

我有这样的html:

<html>
<body>
         <script src="http://example.com/a.js"></script>
         <img src="loading.gif" />

</body>
</html>

现在我有一个输出 png 图像的 php 脚本。

我想要的是:

  1. 从 php 脚本中预加载/预缓存 png 图像。
  2. 当所有东西都被加载(页面、图像、外部 js、..)时,我需要调用 a.js 中定义的函数
  3. 调用该函数后,我需要显示预加载的图像(替换 loading.gif)

我如何实现这一目标?请帮忙

4

1 回答 1

0

您可以使用 JavaScript Image 对象预加载图像:

var img = new Image();
img.src = 'path/to/image.png';

现在图像被缓存。您可以简单地将带有此图像的标签附加到文档中,您的图像将立即显示。

于 2012-08-12T17:41:07.387 回答