My開発メモ

画像のプリロード(JavaScript)

画像のプリロードのしかたをよく忘れるので、メモ。

const images = [
  'images/image1.jpg',
  'images/image2.jpg',
  'images/image3.jpg',
  'images/image4.jpg',
  'images/image5.jpg'
];

images.forEach(function(path, index) {
  preloadImage(path);
});

function preloadImage(path) {
  let imgTag = document.createElement('img');
  imgTag.src = path;
}

参考

『JavaScript「超」入門 第2版』狩野祐東 SBクリエイティブ 2019年12月24日 初版第2刷 p.241