Как предварительно загрузить веб-страницу с помощью внешнего прелоадера?

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>