X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> прелоадер
anikitos
anikitos
Topic Starter сообщение 4.6.2009, 15:48; Ответить: anikitos
Сообщение #1


Сегодня мы будем делать прелоадер, а точнее, выделим и скопируем ниже приведенный код.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>прелоадер</title>
<style type="text/css">
<!--
#loading {
position:absolute;
width:100%;
height:100%;
z-index:999999;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: #FFFFFF;
display: block;
}
-->
</style>

<script type="text/javascript">
function hideLoading() {
document.getElementById('loading').style.display = 'none';
}
</script>

<script type="text/javascript">
if (window.addEventListener) {
window.addEventListener('load', hideLoading, false);
} else if (window.attachEvent) {
var r = window.attachEvent("onload", hideLoading);
} else {
hideLoading();
}
</script>

</head>
<body>

<div id="loading" > <!--этот контейнер закрывет всю страницу, пока та не загрузиться.-->
<div style="width:32px; height:32px; margin-left:49%; margin-top:20%;"><img src="loading.gif" width="32" height="32" alt="" /></div>  <!--этот контейнер выравнивет картинку «идёт загрузка» (или, что у вас там будет) по центру экрана.-->
</div>

</body>
</html>
Небольшие пояснения есть в коде, больше разжёвывать не стану так как все просто до безумия.
Удачи!

P.S. Картинка прикреплена.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
j11
j11
сообщение 4.6.2009, 18:45; Ответить: j11
Сообщение #2


всё классно.....вот тока как убрать полосу прокрутки?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
anikitos
anikitos
Topic Starter сообщение 4.6.2009, 18:47; Ответить: anikitos
Сообщение #3


(j11 @ 4.6.2009, 21:45) *
всё классно.....вот тока как убрать полосу прокрутки?

Это риторический вопрос?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
j11
j11
сообщение 4.6.2009, 20:06; Ответить: j11
Сообщение #4


не...эт вопрос типа:как убрать scroll при закгрузке, когда загружекмое больше окна.вот.....
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
anikitos
anikitos
Topic Starter сообщение 4.6.2009, 20:15; Ответить: anikitos
Сообщение #5


Сообщение от j11 [IMG]http://www.html.by/dragon1/buttons/viewpost.gif[/IMG]
всё классно.....вот тока как убрать полосу прокрутки?
Это риторический вопрос?

А это был, риторический вопрос ;-)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
lisichka_hb
lisichka_hb
сообщение 12.6.2009, 5:19; Ответить: lisichka_hb
Сообщение #6


Огромное спасибо!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
elfix
elfix
сообщение 21.7.2009, 6:22; Ответить: elfix
Сообщение #7


Ну выделил я,
И даже скопировал.
И вот тут то и возник вопрос: И что?
И ещё один: И что же дальше то?
:wacko:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
EPXLSD
EPXLSD
сообщение 13.4.2010, 4:06; Ответить: EPXLSD
Сообщение #8


Огромное спасибо! Ваш урок очень помог!))
Но есть еще вопрос, как адаптировать этот метод для отдельной картики?
И сразу встречный вопрос: есть галлерея, есть окно iframe, увеличенные изображения загружаются в iframe, как сделать во время их загрузки LOADER?

Заранее спасибо!!!

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


 



RSS Текстовая версия Сейчас: 28.3.2024, 12:36
Дизайн