Как загружать контент по очереди?

Question

[lukoie]

Заказчик просит адаптивную бутстрап верстку, чтобы поэкранно конткент грузился в очередности:
1 текст
2 картинки
3 фон
Переходим на следующий экран - точно так же, текст, картинки, фон.
Подскажите, как это реализовуется?

Comments

[Ярослав Иванов]

Сделайте ему в браузере режим GPRS. Будет все грузится по очереди )))

Answer 1

[Алексей Струков]

Можно сделать, но будет грузить дольше по факту. Не вижу смысла тормозить загрузку картинок и ждать сначала загрузки шрифтов. Пусть все грузится параллельно. Для красоты можно добавить прелоадер, чтобы после загрузки шрифтов он исчезал, показывая страницу, а картинки уже потом сами подгрузятся по ходу дела (либо ждать пока все загрузится а потом отображать страницу)

Comments

[lukoie]

В ТЗ четко указано - без прелоадера.
Кстати да, дали .otf шрифты.
Сайт одностраничник, на 7-8 экранов. Желают чтобы сначла грузились текст, потом картинки, потом фон для первого экрана. Поселе перехода на второй экран - так же для второго экрана и т.д.
Таково ТЗ.

[Алексей Струков]

lukoie: ну значит делай через динамическое добавление скриптов на страницу.
Сначала добавляешь скрипт загрузки шрифтов, на нем должен висеть слушатель события onload. Когда событие происходит - добавляешь второй скрипт и так далее. Работать будет медленно, но зато по ТЗ)