Форумы портала PHP.SU :: Версия для печати :: Отображение процесса загрузки

Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Отображение процесса загрузки

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript » Отображение процесса загрузки

Страниц (1): [1]

1. Okula - 31 Марта, 2012 - 14:06:46 - перейти к сообщению

Всем привет. У меня такой вопрос, как сделать чтобы пока подгружается страница с помощью метода .load() отображать анимацию, а когда процесс подгрузки завершится убирать анимацию и вставлять на её место полученный результат.

2. DelphinPRO - 31 Марта, 2012 - 14:15:03 - перейти к сообщению

jQuery

CODE (javascript):
скопировать код в буфер обмена

$(window).load(function () {
  // убираем анимацию, показываем контент
});

3. Okula - 31 Марта, 2012 - 14:35:33 - перейти к сообщению

DelphinPRO, что-то я не совсем понял. У метода .load() первый параметр - это путь до файл который подгружаться будет.

4. DelphinPRO - 31 Марта, 2012 - 14:43:29 - перейти к сообщению

Okula, их два. Одноименных. Улыбка

движок различает их по переданным параметрам.

тот, о котором вы говорите - делает AJAX запрос на сервер и получает ответ.
тот,который написал я - это событие, которое можно повесить на любой элемент, или всю страницу.

5. Okula - 31 Марта, 2012 - 16:47:29 - перейти к сообщению

С этим вроде как разобрался.
Таперь вот какая проблема - нужно чтобы во время подгрузки страницы сайт замутнялся, а блок в котором отображается анимация был чётко виден.
Для это у тега body меняю параметр opacity с 1 на 0.3, а у блока с анимацией прописываю opacity: 1;
Почему-то блок с анимацией замутняется вместе с остальным. Как этого избежать?

6. DelphinPRO - 31 Марта, 2012 - 17:55:14 - перейти к сообщению

"замутняемый" и "поверхлежащий" блоки должны быть сестринскими по отношению друг к другу, если хотите использовать opacity

Если блоки вложены , то можно использовать фоновый цвет в RGBA

CODE (css):
скопировать код в буфер обмена

background: rgba(224,244,254,0.85);

или (хуже) - однопиксельная полупрозрачная png-шка

7. Okula - 31 Марта, 2012 - 21:10:49 - перейти к сообщению

DelphinPRO, немного подругому сделал. Сделал чтоб блок с анимацией полупрозрачный был.
По идеи должно во всех браузерах отображаться одинаково:

CODE (htmlphp):
скопировать код в буфер обмена

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;