ダリの雑記:WEBプログラム版

画像を事前に読み込んでおく(Javascript)

フォトギャラリーのように、時間経過とともに画像が変わっていく処理をする場合、新しい画像が表示されるたびに画像を読み込むようになっています。(IEのステータスバーを見ているとよくわかります。)

1ループすると以後は読み込む動作をしなくなるのですが、できればページを開いたときにあらかじめすべての画像を読み込んでおきたい。

ということで、こんなサイトを見つけました。

複数の画像をあらかじめ読み込む(プレロード)

photo_array = new Array("img01.jpg", "img02.jpg", "img03.jpg", "img04.jpg", "img05.jpg");

pl_file = new Array();

for(i=0;i<photo_arrray.length;i++){
    pl_file[i] = new Image();
    pl_file[i].src="photo/"+photo_array[i];
}

という風な処理を行うと、事前に画像を読み込んでおくことができます。

モバイルバージョンを終了