Вопрос для знатоков, верстальщиков?

Правила раздела: faq.php?mode=okay
Модератор: Модераторы

sergeevizh
sergeevizh
Репутация: 17
Сообщения: 151
Зарегистрирован: 16.10.2016
С нами: 7 лет 5 месяцев

Сообщение #1 sergeevizh » 16.03.2017, 00:26

Всех приветствую!

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

2017-03-16_03-16-02.png
2017-03-16_03-16-02.png (4.41 КБ) 1120 просмотров
2017-03-16_03-25-21.png
2017-03-16_03-25-21.png (10.13 КБ) 1120 просмотров


P.S.. еще заметил такой же способ на сайте medium.com

m1hasik M
Аватара
m1hasik M
Возраст: 32
Репутация: 31
Сообщения: 200
Зарегистрирован: 12.11.2015
С нами: 8 лет 4 месяца
Откуда: Днепр
Skype

Сообщение #2 m1hasik » 16.03.2017, 07:09

По факту тут используется логика обычного прелоадера, только вместо гифки есть целый блок, пример такой реализации можно увидеть вот здесь:
http://hello-site.ru/preloader/
http://popel-studio.com/blog/article/preloader-saita-svoimi-rukami.html

Только вам нужно вместо картинки gif использовать свой блок например, что бы он отображался полностью после загрузки сайта

sergeevizh
sergeevizh
Репутация: 17
Сообщения: 151
Зарегистрирован: 16.10.2016
С нами: 7 лет 5 месяцев

Сообщение #3 sergeevizh » 17.03.2017, 11:39

m1hasik писал(а):По факту тут используется логика обычного прелоадера, только вместо гифки есть целый блок, пример такой реализации можно увидеть вот здесь:
http://hello-site.ru/preloader/
http://popel-studio.com/blog/article/preloader-saita-svoimi-rukami.html

Только вам нужно вместо картинки gif использовать свой блок например, что бы он отображался полностью после загрузки сайта

Не совсем то. Зайдите на spark.ru выключите js в браузере и посмотрите. С правой стороны будет этот блок. Посмотрите на него с выключенным js и включенным. И поймете о чем я. А прелоадер, уже свое ожил.


Название раздела: Обсуждение прочих вопросов
Правила раздела: faq.php?mode=okay

Быстрый ответ


Введите код в точности так, как вы его видите. Регистр символов не имеет значения.
Код подтверждения

   

Вернуться в «Обсуждение прочих вопросов»

Кто сейчас на форуме (по активности за 5 минут)

Сейчас этот раздел просматривают: 9 гостей