Меню сайта
Категории сайта
Мини-чат
Наш опрос
Вы носите очки?
Всего ответов: 1210
Облако тегов
Статистика
Онлайн всего: 3
Гостей: 3
Пользователей: 0


Нас посетили:
Мини-профиль
Поиск
Календарь
«  Январь 2009  »
Пн Вт Ср Чт Пт Сб Вс
   1234
567891011
12131415161718
19202122232425
262728293031
Статистика
Архив
Реклама
Узнай айпи
Главная » 2009 » Январь » 31 » Скрипты для uCoz » Индикаторы загрузки сайта
Индикаторы загрузки сайта
Вы пришли к нам на портал что бы скачать\посмотреть Индикаторы загрузки сайта, если возникнут вопросы по данному файлу Индикаторы загрузки сайта, вы всегда можете задать свой вопрос на нашем форуме.
С уважением, администрация isucoz.com.

Скачать Индикаторы загрузки сайта

Описание:
При загрузке страници появляется окно с надписью и анимацией которая информирует что страница грузится и предлогает подождать.

Установка:
Перед </head> добавляем код:

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

Сразу после тега <body> добавляем код:

Quote
<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:#e5e5e5;
background-image: url(http://www.путь_к_папке_images/имя_картинки.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>

Разумеется, настройки стиля отображения и текста можно изменить на ваш вкус. Вместо "имя_картинки" введите название файла изображения, которое вы желаете показать на индикаторе. Лучше всего сюда подойдет анимированный GIF с изображением, например, песочных часов. Размер картинки при указанных в примере установках - примерно 32х32 пикселя. (Пак картинок можно скачать ниже)

Непосредственно перед тегом </body> в самом конце файла добавляем код:

Quote
<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>

скачать пак- http://all4ucoz.org.ru/_fr/3/loading_img.rar
У вас есть сайт, но ты незнаешь какой у тебя тИЦ и ПР? Будь в курсе событий, поставь счетчик тИЦ и ПР на свой сайт! Счетчик тИЦ и ПР.
Добавил: aksel | Комментариев: 2 | Просмотров: 3236 | Добавлено: 31-Янв-2009

0  
2 zagor   (17-Май-2009 20:04:58) [Материал]
Блин выложи скрин!!! Че так трудно!!! angry angry angry
0  
1 AmatoryFaN   (01-Фев-2009 14:05:56) [Материал]
А пак качать обязательно?
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]