Форум


Как сделать бегунок загрузки картинки


13 сообщений
Отправлено 29 февраля 2016 - 11:24, Администратор

Добавляем такой стиль в таблицу стилей:

#loading {
z-index: 10;
position: absolute;
margin: 0px 0px 0px 3px;
background: url(images/loading.gif) no-repeat center center;
display: block;
height: 44px;
width: 120px;
}

loading.gif - это картинка с анимационным изображением бегунка.
Далее пишем скрипт:

<script>
function hideLoad()
{
document.getElementById('loading').style.display='none';
}
</script>

и в выводе картинки добавляем:

<div id="loading"></div>
<img src="images/photo.jpg" onload="hideLoad();">

Жалоба



Чтобы написать жалобу необходимо авторизироваться


Логин:
Пароль:
Забыли пароль
Запомнить меня


Регистрация

Закрыть окно



Вы не авторизированы! Чтобы отправить сообщение необходимо авторизироваться


Логин:
Пароль:
Забыли пароль
Запомнить меня


Регистрация