JavaScriptで画像をプリロードする方法を紹介します。 大きなサイズの画像がたくさんある場合、事前に画像を読み込んでおくことで画像の表示がスムーズになります。 事前に画像を読み込んでいない場合は、表示するタイミングで画像を読み込みます。 この時、画像のサイズによっては読み込みに時間がかかり、表示が遅れてしまいます。 ですから、大きなサイズの画像が複数ある場合は、なるべくプリロード(事前に読み込み)するようにしましょう。 次のようなコードでプリロードできます。 // 画像用配列 var images = [ 'img/img01.png', 'img/img02.png', 'img/img03.png' ]; window.onload = function(){ // 画像プリロード getImages(); } // 画像プリロード用関数 function getImages()