Индикатор загрузки страницы
Добавим:
Далее добавим код окошка с индикатором:
Идёт передача данных
Пожалуйста, подождите...
Остановимся и рассмотрим код окошка:
id=\"wait\" - ID начала и конца окошка.
style=\"...\" - стиль окошка.
Рассмотрим стиль:
position: fixed - окошко зафиксировано и при прокрутке остаётся в центре экрана.
left:40% - отступ слева.
top:50% - отступ сверху.
visiblity:hidden - не показывать (яваскрпит сам открывает и скрывает)
background-color: #FFBF69 - задаём цвет фона окошка.
border: 1px solid #FF0000 - задаём цвет,толщину и тип границ.
padding: 5px - отступ от краёв окошка.
http://wm-sar.ru/img/load3.gif - ссылка на изображение в окошко (анимация загрузки)
Далее идёт понятный всем текст, который также можно отредактировать.
Следом за вставленным кодом запустим яваскрипт:
Т.е. окошко будет показано. Но нам надо, чтобы при окончании загрузки оно исчезало. Открываем footer.php и перед тегом:
Теги
6 комментарии
- Всего товаров 203
- Рейтинг (0)
- Регистрация 19 фев 2011
- Уровень 0
- Пользователь подтверждён Да
- Телефон подтверждён Нет
- Email подтверждён Нет
mitrofanko
- 26 ноя 2012я так понял начало надо в head бросать а конец в foot ? так? А то у меня не появилось ниче
WiNNeR_tig
- 25 мая 2012убрал всё, поставил просто картинку gif загрузки , смотрится норм ))
hooligan88
- 20 июн 2011maxim95765,
E vtyz nj;t
maxim95765
- 09 апр 2011у меня так быстро работает что её некогда не видно
SoooFast
- 31 мар 2011tagan,
все может быть :)