Скрипт для ucoz Индикаторы загрузки сайта - Скрипты для ucoz - скрипты для ucoz, шаблоны для ucoz Ucoz-Scripts.RU Скачать скрипты для ucoz,шаблоны для uCoz

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

Авторизация
Категории
Наша кнопка
Оплаченная реклама
Реклама
Главная » 2009 » Октябрь » 28 » Индикаторы загрузки сайта
Категория: Скрипты для ucoz | Добавил:VoldemaR
Индикаторы загрузки сайта

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

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

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

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

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

Code
<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 пикселя. (Пак картинок можно скачать ниже)

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

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

СТАНДАРТНЫЙ ВАРИАНТ КАРТИНКИ

Просмотров (651) | Добавлено: 26.05.2012
Комментарии
Всего комментариев: 1
(01.01.2010 15:14 Пятница)
Имя : tolyn

tolyn26rus

  • Спасибо за добавленный комментарий
где полная инфа
0  
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Реклама
Профиль
Суббота
26.05.2012
07:49

Логин
Пароль
[ Управление профилем ]
Кто с нами
Онлайн всего: 5
Гостей: 5
Пользователей: 0

Всего: 63045
Новых вчера: 3
Новых сегодня: 0

20ка Посетивших пользователей:
Случайные скрипты ucoz
смотреть скрипт для ucoz:
смотреть скрипт для ucoz:
смотреть скрипт для ucoz:
смотреть скрипт для ucoz:
смотреть скрипт для ucoz:
смотреть скрипт для ucoz:
смотреть скрипт для ucoz:
смотреть скрипт для ucoz:
Опрос
Как Вам новый дизайн на сайте?!

Результат опроса Результаты Все опросы нашего сайта Архив опросов

Всего голосовало: 835
Поиск
Календарь
«  Октябрь 2009  »
ПнВтСрЧтПтСбВс
   1234
567891011
12131415161718
19202122232425
262728293031
© gigasoft.ucoz.net/ucoz-scripts.ru 2012.
Все материалы, скрипты, шаблоны, фото и видео, размещаются на данном сайте его гостями и пользователями. Администрация не несет ответственности за возможное нарушение авторских прав и причиненные убытки в случае незаконного копирования, воспроизводства и использования данных материалов!
Sitemap | Sitemap-forum | Хостинг от uCoz
CY and PR