Отправлено 29 февраля 2016 - 11:21, Михаил
Подскажите как сделать, чтобы во время загрузки большой по размеру картинки появлялся бегунок или крутящийся отсчет времени
|
Отправлено 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();"> |