背景画像をあらかじめ読み込んでおく

まっちー

まっちー

基本的に画像はキャッシュされていないとページの表示が終わってから読み込まれる。でもたとえば背景に使っている画像などで、ページと同時に表示されている方が望ましい場合も多いかもしれない。この前、デザイナーからそんなような要望が実際にあった。

そんなときはjavascriptで先に画像を読み込んでおくという手もあるっぽい。

<script>

image = new Image();

image.src = 'img/sample.jpg';

</script>

こんな感じ。

LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。

Webサイト制作の実績・料金を見る

この記事のシェア数

プログラマのまっちーです。酒が大好きです。ある一定量のお酒を飲むと壊れたレディオモードに入り、同じことを繰り返す癖があります。宜しくお願いいたします。

このメンバーの記事をもっと読む
デザイン力×グローバルな開発体制でDXをトータル支援
お問い合わせ 会社概要DL