Комментарии 35
было бы ценно, если бы работало в ослике
0
document.body.style.overflow = 'visible';
скроллбары пропадут если страница не будет вмещаться, лучше «auto».
0
если честно то велосипед ;)
+4
we.gotreplays.net/ — делал в декабре прошлого года…
+2
весной делал это велосипед :)
интересная вариация ;) спасибо за труд
интересная вариация ;) спасибо за труд
0
Честно — не заработало нигде, как уже было написано выше — все картинки прелоадера прогружаются позже, чем формируется DOM документа, соответственно ничего и не видим. я бы на вашем месте доработал бы эту идею, например: картинки для прелоадера должны быть максимально маленькими — быстрее подгрузятся.
0
протестил.
мои результаты — ff2/3, ie 5.55, ie6 — нормально
в ie7 не работает. показывает только бордер от лоадера, самой картинки нет
мои результаты — ff2/3, ie 5.55, ie6 — нормально
в ie7 не работает. показывает только бордер от лоадера, самой картинки нет
0
В Opera 9.62 не работает. Показывает сразу картинку для выполненнои загрузки. Если нажать F5 несколько раз то этот индикатор остается на странице и после окончания загрузки
0
какой-то «неполноценный» прелоадер получился…
0
НЛО прилетело и опубликовало эту надпись здесь
в фф2 некрасиво перемещается прелоадер, когда появляется скролл окна
0
IE7 — картинка прелоадера не появляется. Видна рамка, а картинки нет (и ширина блока с картинкой, кстати, тоже, наверное, не установлена, т. к. я вижу в середине экрана полоску в два пиксела шириной и много пикселов по высоте — рамка). Вот, как–то так.
А в Chrome и FF всё отлично работает.
Проверьте IE7 на других машинах, я за своим IE7 глюков не замечал, так что не понимаю почему у Вас работает, а у меня нет, и в чем может быть проблема.
А в Chrome и FF всё отлично работает.
Проверьте IE7 на других машинах, я за своим IE7 глюков не замечал, так что не понимаю почему у Вас работает, а у меня нет, и в чем может быть проблема.
0
кнопочка Valid Hands 2.1 — позабавила
+2
Хм… Кто как, конечно, но я предпочитаю:
.loading {
cursor: wait
}
Ни разу никто не жаловался. Если нужно временно остановить общение пользователя с обновляющейся частью интерфейса, то можно использовать экранирующий слой. Но этот вариант убивает дух первой буквы в слове AJAX.
.loading {
cursor: wait
}
Ни разу никто не жаловался. Если нужно временно остановить общение пользователя с обновляющейся частью интерфейса, то можно использовать экранирующий слой. Но этот вариант убивает дух первой буквы в слове AJAX.
0
Не вижу большой пользы в использовании данного подхода. Объясняется очень просто:
1) Пользователь заходит на сайт, начинает грузиться текст\изображения
2) Видит, что ему не подходит и уходит с сайта.
В Вашем же случаи, Вы подарите пользователю 3+ мб ненужного трафика(ожидание) и соответствующую реакцию.
Особенно это будет заметно на сайте с большим объемом графической информации для пользователя с _НЕ_скоростным интернетом.
1) Пользователь заходит на сайт, начинает грузиться текст\изображения
2) Видит, что ему не подходит и уходит с сайта.
В Вашем же случаи, Вы подарите пользователю 3+ мб ненужного трафика(ожидание) и соответствующую реакцию.
Особенно это будет заметно на сайте с большим объемом графической информации для пользователя с _НЕ_скоростным интернетом.
0
прикольный метод. Но я предпочитаю делать быстрые сайты :)
+2
это конечно круто, но например есть галерея, из 20 фоток (1 страница) :)
ну их никак не ускоришь, превьюхи для них делаются не самым лучшим способом, вот для этих целей полезно использовать такие вещи ;)
ну их никак не ускоришь, превьюхи для них делаются не самым лучшим способом, вот для этих целей полезно использовать такие вещи ;)
0
или например таблица, в которой много-много фоток, или другого контента, и пока они (фотки и контент на загрузятся) таблица может не отображаться(зависит от браузера), тоже можно подсуетить такой лоадер :)
0
Мы для выполнения похожей задачи считали количество загрузившихся картинок и сравнивали с количеством изображений, прописанных в HTML.
Без побочных эффектов, правда, не обошлось:
— во-первых, приходилось минимизировать количество изображений, прописываемых в бэкграундах (нельзя было определить статус загрузки);
— если на странице внутри блоков с display=«none» присутствуют картинки, Opera никогда не спрячет preloader;
— во-вторых, если прелоадер грузится до окончания инициализации DOM, количество изображений в document.images может увеличиваться, что будет выглядеть не очень красиво.
Изобрели в марте 2007 года. Посмотреть на примере можно на сайтах mobimark.ru или даже shpilki.com
Без побочных эффектов, правда, не обошлось:
— во-первых, приходилось минимизировать количество изображений, прописываемых в бэкграундах (нельзя было определить статус загрузки);
— если на странице внутри блоков с display=«none» присутствуют картинки, Opera никогда не спрячет preloader;
— во-вторых, если прелоадер грузится до окончания инициализации DOM, количество изображений в document.images может увеличиваться, что будет выглядеть не очень красиво.
Изобрели в марте 2007 года. Посмотреть на примере можно на сайтах mobimark.ru или даже shpilki.com
0
artilleria.ru/portfolio/identity#dublinpub — функционирует по схожим принципам, но иногда подглючивает… :(
0
Способ с вывешиванием событий на картинки изобрели сайты с проститутками еще лет 5 назад :) Честно :)
+2
Помогите, у меня нет скролбара на 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.getElementById('preloaderbg').style.display = 'block';
document.body.style.overflow = 'hidden';
pbPos = 0;
pbInt = setInterval(function(){document.getElementById('preloader').style.backgroundPosition = ++pbPos + 'px 0';}, 25);
в конце контента
Скролбар как сделать?
0
Зарегистрируйтесь на Хабре , чтобы оставить комментарий
Делаем полноценный JS-прелоадер для AJAX-приложения