Загрузите страницу, как только все изображения загружены - PullRequest
Новая
       0

Загрузите страницу, как только все изображения загружены

0 голосов
/ 03 июля 2011

Мое фоновое изображение прилично большое.Когда моя страница загружается, HTML отображается перед загрузкой фонового изображения на страницу.Я хотел бы, чтобы фоновое изображение было первым, что будет загружено на страницу, а затем HTML.Прямо сейчас это выглядит странно, потому что без фонового изображения текст выталкивается вверх, а когда фоновое изображение загружается, все это перемещается в свое обычное положение (не слишком профессионально).

Есть ли в любом случае вJavaScript для достижения этой цели?

Спасибо!

Ответы [ 2 ]

0 голосов
/ 03 июля 2011

Вы можете написать javascript, который добавляет остальную часть страницы в DOM, как только все будет загружено.Это одна из самых простых вещей, которые вы можете сделать с помощью jQuery.

Однако я не вижу в этом смысла.Как пользователь, я не хочу, чтобы вы делали это со мной.

0 голосов
/ 03 июля 2011

Я думаю, что предварительная загрузка изображения не является решением вашей проблемы, поскольку вы хотите, чтобы изображения загружались до отображения документа HTML пользователю.

У меня нет точного решения, но что я сделалБыло показано, что изображение ЗАГРУЗКА пользователю, пока страница загружается, а затем скрыть это изображение загрузки, когда тело и изображения полностью загружены.чтобы сделать это 

    <body onLoad="document.getElementById('mydiv').setAttribute('style','display:none');">
    <div id=mydiv style="position:absolute;top:0px;left:0px;width:100%;height:100%>
<center> <img src="loading.png>
</center>
</div>


    <!-- Other HTML content here -->

    </body>

Это просто грубый код, надеюсь, это поможет

...