0

私が必要とする同様の状況でCSSの前に画像をロードすることについて、スティーブ・サウダーズからのPPTを見ました....しかし、実際のコードがこれを行うためのものであることが明確ではありません。私は彼がcssの前に何かをロードしたと仮定し、彼のpptで彼はこれを言っています

new Image().src = "http://webcelerity.com/blog/wp-content/themes/carrington-blog-faster/images/sprite.png

しかし、誰かが実際にドクの頭がどのように見えるかを見せてくれたら最高です

参考のために; これがpptです

事前にご協力いただきありがとうございます

4

1 に答える 1

0

画像をプリロードする方法は昔からありましたが、初めて見たのは、Dreamweaver MX を使用してロールオーバー エフェクトを実行したときでした。

この方法を使用すると、画像のダウンロードを並列化し、ブラウザーにキャッシュすることができます (その時点で実際に画像を表示する必要はありません)。

あなたの質問に関して、文書の頭は次のようになります。

<script type="text/javascript">
var images = ['img1.jpg', 'img2.jpg'];

for(var i = 0, len = images.length; i < len; i++) {
  new Image().src = images[i];
}
</script>
<link rel="stylesheet" type="text/css" href="your_css_file.css" />
于 2010-08-15T04:09:54.123 に答える