JS: Предзагрузка страниц сайта

Предзагрузка страниц сайта, чтобы успели загрузиться все стили и скрипты. Тогда сайт сразу будет отображаться в готовом виде.
Добавим под открывающийся тег BODY следующий код:


<div id="preloader">
	<div id="status">&nbsp;</div>
</div>

Теперь, если нужно, чтобы данная предзагрузка была на определенных страницах, то следующий код вставляем именно на ту страницу, иначе, если необходимо на все страницах, то в файл footer (перед закрывающим тегом BODY):


	//<![CDATA[
		$(window).on('load', function() {  
			$('#status').fadeOut();  
            $('#preloader').delay(350).fadeOut('slow'); 
            $('body').delay(350).css({'overflow':'visible'});
		})
	//]]>

Не забывайте подключать JQ!
И под конец подключаем файл STYLE в шапке сайте. Его я прикреплю (как и loading.gif - её Вы всегда можете поменять на что-то поинтересней).
закрыть

Отправить заявку

Если что-то пошло не так, или Вы в чем-то не уверены. Например в смысле собственной жизни. Просто нажмите на логотип сайта и повторите попытку. Удачи!