javascript - 外部プリローダーを使用して Web ページをプリロードする方法は?

Question

フルスクリーンの背景として大きな画像を持つ単純な HTML ページがあります。私はこのページを呼び出しましindex2.htmlた。

完全にindex.htmlプリロードするという別のページを作成し、ユーザーをそこに誘導したいと考えています。index2.htmlただし、インターネットで見つけたすべてのプリローダー ソリューションは、単一の HTML ページに基づいています。

どうすればこれを達成できますか? どんな助けでも大歓迎です。

Answer 1

index.html画像を 1 ピクセルの画像として読み込むことで、ブラウザに画像をキャッシュさせることができます。

<img src="/index2-background-image.jpg" alt="" width="1" height="1" />

index2.htmlまたは、次のように jQuery を使用してコンテンツをロードすることもできます。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
jQuery().ready(function () {
    $.get('index2.html', function(data) {
        jQuery("#index2content").html(data);
    });
});
</script>

<div id="index2content"></div>