4.24.2009

Добавить индикатор загрузки страницы(spinner)

Для того, чтобы добавить индикатор загрузки, много усилий не потребуется:

найдите тег

<body>

(в своём шаблоне виджета) и замените на код расположенный ниже:




<body onLoad='init()'>
<span class='spinner1' id='loading' style='position:absolute;
text-align:center; top:10px; right: 10px;'><img border='0'
class='sp1'
src='http://image-host.com/images/ljgx70fz3uyvr1jkfxi.gif'/>Идёт
загрузка...</span>
<script>
var ld=(document.all);




var ns4=document.layers;
var ns6=document.getElementById&amp;&amp;!document.all;
var ie4=document.all;




if (ns4) ld=document.loading;
else if (ns6)
ld=document.getElementById(&quot;loading&quot;).style;
else if (ie4)
ld=document.all.loading.style;




function init() {
if(ns4){ld.visibility=&quot;hidden&quot;;}
else if (ns6||ie4) ld.display=&quot;none&quot;;
}
</script>


Теперь индикатор загрузки добавлен, но с моего альбома хоста и моего фона, поэтому вы можете(по собственному желанию) заменить изобрежение spinner (код выделен оранжевым) на своё.

Я эту процедуру делал через сайт, ссылка на который находится ниже.

Скачать индикатор загрузки
На этом сайте можно задать цвет фона индикатора, а затем цвет области прокрутки. А потом скачать нужный вам spinner
.

1 коммент:

prokofevna комментирует...

Славик, в тестовом блоге я все эти твои индикаторы вижу, а здесь где? Или еще не установил.
Я тоже вот сижу над очередным шаблоном - тестирую!
И сразу применяю все что нарыла в интернете.
Ты мог бы написать целый пост о том, как ты менял стандартный шаблон под свои нужды.
Такая тема поста была бы очень актуальной - Гугль любит такие темы.
Подскажи как ты выделяешь само тело сообщения другим цветом( у тебя он белый)... Буду благодарна за подсказку.

Последние комментарии

  • Сергей Николаеску on rgb 16
    Огромное спасибо за информацию!... (Далее)

  • Николай on yahoo blogger
    Попробовал. Все бы хорошо, только вот, похоже, смайликов по указанным адресам нет уже.... (Далее)

  • Настя Солнечная (ТМ СКРАПБУРГ) on yahoo blogger
    Прикольно! Хочу попробовать) А встроенный чего-то там - это то, что окно для комментов всплывает?;-) Или что-то другое?;-)... (Далее)

  • Вячеслав on blog post
    Конечно помогу. Киньте xml свого шаблона на адрес эл.почты и представьтесь.slava_vvk@mail.ru... (Далее)

  • Hakob on blog post
    Спасибо большое за скрипт, но у меня тоже не в середине... можете помочь исправить ? Заранее спасибо :)... (Далее)

  • Anonymous on yahoo blogger
    не могу найти... (Далее)

  • Вячеслав on blog post
    А у вас такое встречалось?... (Далее)

  • tussauds on blog post
    Ну ты долго пропадал. Эта проблема уже возникала осенью где-то... Но ее уже решили. Это связано с Upgrade Блогспота. Новшества не всегда полезны и... (Далее)