При загрузки страницы, до полной ее загрузки видно только прелоадер.
Спустя 3 часа, 3 минуты, 6 секунд (22.03.2010 - 02:02) FatCat написал(а):
На css. Все современные браузеры поддерживают множественные теги <style>
<body>
<div id="preloader">
Здесь прелоадер, который будет виден до конца загрузки страницы
</div>
<style>
#body{display: none;}
</style>
<div id="body">
Здесь весь код, который должен появится после окончания загрузки страницы
</div>
<style>
#body{display: block;}
#preloader{display: none;}
</style>
</body>
Спустя 21 час, 34 минуты, 14 секунд (22.03.2010 - 23:36) phpdreamer написал(а):
премного благодарен!
наилучшее решение, которое только встречал.
наилучшее решение, которое только встречал.
Спустя 5 минут, 25 секунд (22.03.2010 - 23:41) Adil написал(а):
FatCat а разве текстовый контент не загружается быстрее, чем медиаконтент?
Спустя 3 минуты, 23 секунды (22.03.2010 - 23:45) FatCat написал(а):
Nezabivaemiy
Зависит от страницы и скорости доступа.
Если рисуночек в пару Кб, страница Кб под 200, а тянем по модему - рисунок прелоадера загрузится уже через секунду, а страницы будет еще секунд 30 тянуться.
А на моем 10 Мб канале мне и прелоадеры не нужны, оно и так в секунду грузится...
Зависит от страницы и скорости доступа.
Если рисуночек в пару Кб, страница Кб под 200, а тянем по модему - рисунок прелоадера загрузится уже через секунду, а страницы будет еще секунд 30 тянуться.
А на моем 10 Мб канале мне и прелоадеры не нужны, оно и так в секунду грузится...
Спустя 9 часов, 34 минуты, 43 секунды (23.03.2010 - 09:19) Michael написал(а):
А мне если чесно оч. не нравится это решение. Только из-за какой-то заставки в структуру док-та вносятся существенные изменения. Делал бы на javascript.
Спустя 11 месяцев, 28 дней, 15 часов, 7 минут, 2 секунды (22.03.2011 - 00:26) Nachtvolk написал(а):
Существенные изменения? Все JavaScript и jQuery прелоадеры весят гораздо больше и сами по себе сложнее. Это самый простой и самый лаконичный вариант из всех, что я видел.
Спустя 9 часов, 43 минуты, 31 секунда (22.03.2011 - 10:10) Snus написал(а):
Nachtvolk
<head>
<style>
#content { display: none; }
#preload { display: block; }
</style>
<script type="text/javascript">
window.onload = function(){
document.getElementById('preload').style.display = 'none';
document.getElementById('content').style.display = 'block';
}
</script>
</head>
<body>
<div id="preload">Загрузка...</div>
<div id="content">
Бла-бла-бла
</div>
</body>
Спустя 4 месяца, 9 дней, 11 часов, 23 минуты, 51 секунда (31.07.2011 - 20:34) Vyacheslav написал(а):
F можно как-то модернизировать вариант с прелоадером, чтоб полупрозрачный слой прелоадера на момент загрузки как-бы закрывал контент страницы?
Спустя 1 год, 1 месяц, 8 дней, 1 час, 23 минуты, 57 секунд (9.09.2012 - 21:58) Guest написал(а):
| Скрытый текст |
| Круто |
Спустя 16 минут, 15 секунд (9.09.2012 - 22:14) killer8080 написал(а):
| Цитата (FatCat @ 22.03.2010 - 02:02) |
| На css. Все современные браузеры поддерживают множественные теги <style> |
тег style должен располагаться только в <head>, то что браузеры всеядны, не повод писать не валидный код.
P.S. дату постов видел
_____________
http://phpdreamer.ru
http://blog.phpdreamer.ru
http://php5shop.com