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 комментирует...

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

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