При поддержке:
Цифролаб – печать фото через интернет. Самые низкие цены в Украине гарантируем!
Best slam dunks video at SlamDunks.TV
Однажды столкнулся с необходимостью сделать прелоадер для сайта. Прелоадер на целую страницу, а не только изображений на странице. На всякий случай напомню, что функцией прелоадера есть показывать простую заставку или вообще черную (белую) страницу пока весь контент страницы не загрузится полностью.
скачать консультант плюс без регистрации и множество других программ.
В интернете есть много примеров прелоадерив для изображений. Хороших примеров и классных прелоадерив изображений. Однако совсем не хватает полно-страничных прелоадерив. Вот найденным одним из них сегодня я с вами и поделюсь. Он прост в установке и использует совсем немного JavaScript.
Первое – скопируйте вот этот код между тегами i :
<SCRIPT LANGUAGE=”JavaScript”> <! – Begin function clearPreloadPage () (/ / DOM if (document.getElementById) (document.getElementById (’prepage’. Style.visibility = ‘hidden’;) else (if ( document.layers) (/ / NS4 document.prepage.visibility = ‘hidden’;) else (/ / IE4 document.all.prepage.style.visibility = ‘hidden’;))) / / End -> </ SCRIPT >
Второе – добавьте к тега вот такой код:
onLoad = “clearPreloadPage ();”
Третьей этап – сразу после тега вставьте вот такой div:
<Div id = “prepage” style = “position: absolute; padding: 50px 0 0 0; font-family: arial; font-size: 16px; left: 0px; top: 0px; background-color: white; layer-background -color: white; height: 100%; width: 100%; position: fixed; z-index: 9999; font-family: Georgia, serif; “> <table width=”100%”> <tr> <td> <img src = “http://example.com/images/ajax-loader.gif” alt = ‘Загрузка …’ width = ‘31 ‘height = ‘31′ /> </ td> </ tr> <tr> <td> Загрузка … Пожалуйста, подождите! </ Td> </ tr> </ table> </ div>
Это прелоадер замечателен тем, что вы можете изменить стиле заставки, таким образом кастомизувавшы ее на свой вкус. Кроме того, как видно, в коде присутствует ссылка на файл ajax-loader.gif. Это изображение я сгенерировал с помощью сервиса ajaxload.info. Это очень удобно, можно выбрать любой тип и цвет!
Кому надо обязательно поблагодарить за этот прекрасный, простой и эффективный скрипт. К сожалению, я не помню ссылку, где нашел. Поэтому благодарю безграничным просторам интернета.
скачать autocad бесплатно без смс.
-
No related posts
Комментариев пока нет.
Комментарии закрыты.
Отзывов нет