Как стать автором
Обновить

Комментарии 35

было бы ценно, если бы работало в ослике
упс, забыл написать, где работает =) тестил в ие6/7, фф 3, опера 9.62, сафари 3.2.1
6 ослик тупо проигнорировал. показал белую полосу, потом начал вгружать контент сайта, картинки соответственно подгружались после того, как прелоадер скрылся.
НЛО прилетело и опубликовало эту надпись здесь
document.body.style.overflow = 'visible';

скроллбары пропадут если страница не будет вмещаться, лучше «auto».
хотя пропадают только в опере 9.26. В 9.60, ие6, сафари, и фф3.0.3 нормально отображаются
если написать auto, то в ие6 оно будет очень забавный глюк, задумываться почему так я не стал и решил сделать visible
так, что-то я под вечер уже совсем не по-русски писать стал)
если честно то велосипед ;)
НЛО прилетело и опубликовало эту надпись здесь
Спасибо… я тогда впервые ExtJS взял в руки )
НЛО прилетело и опубликовало эту надпись здесь
Согласен, но на самом деле этот лоадер и без ExtJS работать будет… просто присмотреться в принцип его работы нужно.
НЛО прилетело и опубликовало эту надпись здесь
весной делал это велосипед :)
интересная вариация ;) спасибо за труд
Честно — не заработало нигде, как уже было написано выше — все картинки прелоадера прогружаются позже, чем формируется DOM документа, соответственно ничего и не видим. я бы на вашем месте доработал бы эту идею, например: картинки для прелоадера должны быть максимально маленькими — быстрее подгрузятся.
протестил.
мои результаты — ff2/3, ie 5.55, ie6 — нормально

в ie7 не работает. показывает только бордер от лоадера, самой картинки нет
В Opera 9.62 не работает. Показывает сразу картинку для выполненнои загрузки. Если нажать F5 несколько раз то этот индикатор остается на странице и после окончания загрузки
какой-то «неполноценный» прелоадер получился…
НЛО прилетело и опубликовало эту надпись здесь
в фф2 некрасиво перемещается прелоадер, когда появляется скролл окна
IE7 — картинка прелоадера не появляется. Видна рамка, а картинки нет (и ширина блока с картинкой, кстати, тоже, наверное, не установлена, т. к. я вижу в середине экрана полоску в два пиксела шириной и много пикселов по высоте — рамка). Вот, как–то так.

А в Chrome и FF всё отлично работает.

Проверьте IE7 на других машинах, я за своим IE7 глюков не замечал, так что не понимаю почему у Вас работает, а у меня нет, и в чем может быть проблема.
кнопочка Valid Hands 2.1 — позабавила
Хм… Кто как, конечно, но я предпочитаю:

.loading {
cursor: wait
}

Ни разу никто не жаловался. Если нужно временно остановить общение пользователя с обновляющейся частью интерфейса, то можно использовать экранирующий слой. Но этот вариант убивает дух первой буквы в слове AJAX.
Не вижу большой пользы в использовании данного подхода. Объясняется очень просто:

1) Пользователь заходит на сайт, начинает грузиться текст\изображения
2) Видит, что ему не подходит и уходит с сайта.

В Вашем же случаи, Вы подарите пользователю 3+ мб ненужного трафика(ожидание) и соответствующую реакцию.
Особенно это будет заметно на сайте с большим объемом графической информации для пользователя с _НЕ_скоростным интернетом.
прикольный метод. Но я предпочитаю делать быстрые сайты :)
это конечно круто, но например есть галерея, из 20 фоток (1 страница) :)
ну их никак не ускоришь, превьюхи для них делаются не самым лучшим способом, вот для этих целей полезно использовать такие вещи ;)
или например таблица, в которой много-много фоток, или другого контента, и пока они (фотки и контент на загрузятся) таблица может не отображаться(зависит от браузера), тоже можно подсуетить такой лоадер :)
И оба раза Вы как раз про мой сайт (внизу, в комментариях) — там и картинки тяжелые, и скрипты, обязанные дождаться загрузки :)))
Мы для выполнения похожей задачи считали количество загрузившихся картинок и сравнивали с количеством изображений, прописанных в HTML.
Без побочных эффектов, правда, не обошлось:
— во-первых, приходилось минимизировать количество изображений, прописываемых в бэкграундах (нельзя было определить статус загрузки);
— если на странице внутри блоков с display=«none» присутствуют картинки, Opera никогда не спрячет preloader;
— во-вторых, если прелоадер грузится до окончания инициализации DOM, количество изображений в document.images может увеличиваться, что будет выглядеть не очень красиво.

Изобрели в марте 2007 года. Посмотреть на примере можно на сайтах mobimark.ru или даже shpilki.com
Способ с вывешиванием событий на картинки изобрели сайты с проститутками еще лет 5 назад :) Честно :)
Помогите, у меня нет скролбара на IE 7! В остальных браузерах есть…

Вставляю после

document.getElementById('preloaderbg').style.display = 'block';
document.body.style.overflow = 'hidden';
pbPos = 0;
pbInt = setInterval(function(){document.getElementById('preloader').style.backgroundPosition = ++pbPos + 'px 0';}, 25);

в конце контента

Скролбар как сделать?
потом, когда все загрузится надо выполнить document.body.style.overflow = 'visible';
ну или убрать строчку document.body.style.overflow = 'hidden';
Зарегистрируйтесь на Хабре , чтобы оставить комментарий

Публикации

Истории