Скрипты для сайтов, на главную страницу Контакты Мобильная версия

Разработка скриптов и сайтов любой сложности - nevius.ru

Скрипты и сайты на заказ
Авторизация
Логин:
Пароль:
Забыли пароль
Запомнить меня

Регистрация



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

Всего ответов: 1
Форум > Скрипты > Другое о скриптах
Поиск | Новая тема | Регистрация
Как сделать бегунок загрузки картинки2016-02-29 11:21:35
Автор: Михаил
Подскажите как сделать, чтобы во время загрузки большой по размеру картинки появлялся бегунок или крутящийся отсчет времени
Ответить >>
Re: Как сделать бегунок загрузки картинки2016-02-29 11:24:42
Автор: Администратор
Добавляем такой стиль в таблицу стилей:

#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();">
Ответить >>
Все темы | Новая тема | Поиск | Регистрация

Страница:  <<   1   >>


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


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

Регистрация