从PHP脚本预缓存第二个图像

时间:2012-08-12 17:16:24

标签: php javascript image preload

我的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 个答案:

答案 0 :(得分:0)

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

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

现在缓存图像。您可以使用此图像简单地附加标记到文档,您的图像将立即显示。