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

JavaScriptImageオブジェクトを使用して画像をプリロードできます。

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

これで、画像がキャッシュされます。この画像のタグをドキュメントに追加するだけで、画像がすぐに表示されます。

于 2012-08-12T17:41:07.387 に答える