画像をプレロードする

たまには真面目に。

最近javascriptをちょこっと勉強中。
すぐ忘れるから調べたことをメモメモ。

画像を表示するときは、表示するときにサーバに取りに行くんじゃなくて、あらかじめロードしておくと良いそうだ。
もちろんロードはするけど、表示はしないと。
プレロードと言うらしい。
やり方。

1. Imageオブジェクト作成
2. 代入

こんな感じ。

var img = new Image();
img.src = "xxx.jpg";

表示するときは、htmlのimgタグのところに代入すりゃいい。

document.images[myImage].src = "xxx.jpg";

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • -

＜img src="yyy.jpg" name="myImage"＞

すでにロード済みだから、これを実行してもサーバまで取りに行かないと。