ЗАРУЗКА СТРАНИЦЫ С ИНДИКАТОРОМ ДЛЯ САЙТА UCOZ - Скрипты - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Войти
Регистрация
Посетители за сегодня
Обратная связь
Опрос
Правила чата
Пользователи онлайн
−Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории
Комментарии
༒AДМИНИСТРАТОР༒
21-Декабря-2021
noНе выводит сообщения в чат.
Ответить
Vitalya
18-Апреля-2021
Игор приносим свои извинения за предоставленные не удобства, сайт проходит перекваливфикацыю, по эт
Ответить
igor_ponyshkov
10-Апреля-2021
noЭТО МЕНЮ НЕ РАБОТАЕТ https://wampi.ru/image/RnPeLYV
Ответить
Milan_Shubin
01-Июля-2018
Спасибо, вы не виноват, эта все zornet не указывает авторов и источник, если ему так написать то ба
Ответить
Vitalya
01-Июля-2018
Приносим свои извинения, всё исправим...
Ответить
KaMoRkA.uCoz.com -- uCoz -- Скрипты
ЗАРУЗКА СТРАНИЦЫ С ИНДИКАТОРОМ ДЛЯ САЙТА UCOZ
Прелоадер - Загрузка страницы.
Цель скрипта - показать в центре экрана посетителю сайта информацию о том что сайт загружает свои данные.

Для начала загружаем нашу картинку загрузки в корень сайта...

Заходим на главную страницу сайта.

Находим:

Код
<head></head>


Вставляем между ними:

Код
<script type="text/javascript">  
function hideLoading() {  
document.getElementById('pageIsLoading').style. display = 'none';  
}  
</script>


После чего после тега вставляем данный код:

Код
<div id="pageIsLoading" style="position:absolute;  
display:block;  
padding-left:44px;  
padding-right:12px;  
width:auto;  
height:46px;  
line-height:46px;  
border:1px solid #890000;  
color:#000000;  
font-weight:bold;  
background-color:#fff;  
background-image: url(http://Ваш_сайт/loading.gif);  
background-position: 6px center;  
background-repeat: no-repeat;">  
<script type="text/javascript">  
if (typeof window_width == 'undefined' || typeof window_height == 'undefined')  
{  
var window_width; var window_height;  
if( typeof( window.innerWidth ) == 'number' )  
{  
window_width = window.innerWidth; window_height = window.innerHeight;  
}  
else  
if(document.documentElement && ( document.documentElement.clientWidth ||  
document.documentElement.clientHeight ) )  
{  
window_width = document.documentElement.clientWidth;  
window_height = document.documentElement.clientHeight;  
}  
else  
if(document.body && ( document.body.clientWidth ||  
document.body.clientHeight ) )  
{  
window_width = document.body.clientWidth;  
window_height = document.body.clientHeight;  
}  
}  
var left = Math.round((window_width - 200) / 2);  
var top = Math.round(((window_height - 46) / 3) + 46);  
document.getElementById('pageIsLoading').style.left = left+'px';  
document.getElementById('pageIsLoading').style.top = top+'px';  
</script>  
Загружается... Ждите...  
</div>


После чего переходим к самому последнему тегу и перед ним вставляем:

Код
<script type="text/javascript">  
if (window.addEventListener) {  
window.addEventListener('load', hideLoading, false);  
} else if (window.attachEvent) {  
var r = window.attachEvent("onload", hideLoading);  
} else {  
hideLoading();  
}  
</script>

Важно!

При копировании материала указывать ссылку на источник.

- 407
- 06-Января-2017
- 0
Материал разместил:

Похожий материал
Статьи сайта
12-Ноября-2017 в 23:41:03
Рай для верстальщика: синхронизация окон браузеров
29-Июня-2017 в 12:30:13
Что такое информер и зачем нужен на сайте
29-Июня-2017 в 10:21:53
Ограничить длину заголовка и описание к материалу для uCoz
05-Марта-2017 в 12:54:01
Сокращаем "Описание" в вид материалов
01-Марта-2017 в 17:08:05
Не форматируется флешка? Решение есть