Сайт с большим изображением на несколько экранов прокрутки. как это сделать?

Question

metrostroy333 @metrostroy333

Сайт с большим изображением на несколько экранов прокрутки. как это сделать?

Конечно, изображение будет очень тяжёлым, поскольку его размер явно великоват. Но можем быть есть тонкости, которые позволяют его облегчить и ускорить загрузку? Может оно как- то нарезвется или ещё каким-то обраэом дозагружается, позволяя ускорить процесс?

Вопрос задан более трёх лет назад
408 просмотров

4 комментария

Подписаться 1 Оценить 4 комментария

Александр @ghost1k

а смысл такого изображения?

Написано более трёх лет назад
metrostroy333 @metrostroy333 Автор вопроса

Такая идея просто, попытаться создать такой сайт, что из этого получиться и как пользователь отреагирует

Написано более трёх лет назад
Максим Тимофеев @webinar Куратор тега Веб-разработка

metrostroy333: Какой сайт? Из одной картинки в 300 мб? Вы более подробно опишите. О каком изображении идет речь? Сколько их таких? Какой порядок цифр? Что кроме изображения будет. Может стоит грузить страницу без изображения, а потом ajax-ом его подгружать?

Написано более трёх лет назад
metrostroy333 @metrostroy333 Автор вопроса

Примерно так. Я не знаю ещё веса, но видимо будет очень большой. Например, на ноуте картинка будет занимать сразу около 3 прокруток экранов. Изображение высокого качества конечно. Также есть текст ну и конечно хотелось бы, чтобы она хоть бы лениво загружалась а в идеале чтобы прри прокрутке на следующем экране уже была отображена в орилинале

Написано более трёх лет назад

Решения вопроса 1

10 комментариев

metrostroy333 @metrostroy333 Автор вопроса

Примеров я не нашёл. Могу только описать. Скажем, Вы открыли сайт и крутите вниз и помимо основного контента в качестве фона прокручивается большая картинка сверху вниз. Например, на 1 экране ещё начало а на 3 ещё конец

Написано более трёх лет назад
Платон Платонович @ISEETHESTARS

metrostroy333: Статичная или паралакс?

Написано более трёх лет назад
metrostroy333 @metrostroy333 Автор вопроса

Статичная

Написано более трёх лет назад
Платон Платонович @ISEETHESTARS

metrostroy333: Тогда не вижу проблемы. Подгружать ажаксом, либо сделай симпотную загрузку, и не выводи сайт до полной его загрузки. Можешь разрезать его на куски и пусть подгружаются на скроле.

Написано более трёх лет назад
metrostroy333 @metrostroy333 Автор вопроса

В принцнпе можно. А текст лучше показывать сразу?

Написано более трёх лет назад
Платон Платонович @ISEETHESTARS

metrostroy333: Смотря какова задумка. Информации то больше не представлено. Тут уж на свое усмотрение.

Написано более трёх лет назад
metrostroy333 @metrostroy333 Автор вопроса

Ну а если обсудить это на уровне пользователя? Имеет ли эта идея хотя бы право на существование? Именно не фоновая картинка на 1экран, как все привыкли, а на 3?

Написано более трёх лет назад
Платон Платонович @ISEETHESTARS

metrostroy333: Любая идея имеет право на существование. Да собсна почему и нет, если это оправдано.

Написано более трёх лет назад
metrostroy333 @metrostroy333 Автор вопроса

Собственно я согласен. Надо будет воплотить и тогда оцените, если это возможно

Написано более трёх лет назад
Платон Платонович @ISEETHESTARS

metrostroy333: Оценивать должна целевая аудитория, для которой это было реализовано.

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

HTML

+2 ещё

Простой
Django не могу правильно настроить шаблон?
- 1 подписчик
- 22 минуты назад
- 16 просмотров
1

ответ
HTML

+1 ещё

Простой
Как кодировать кириллицу в поле data?
- 1 подписчик
- 24 минуты назад
- 12 просмотров
1

ответ
HTML

+1 ещё

Простой
Как в теге select один символ сделать другого цвета?
- 1 подписчик
- 6 часов назад
- 78 просмотров
1

ответ
HTML

+1 ещё

Простой
Как поставить элементы в одну строку и выровнять их?
- 1 подписчик
- 21 час назад
- 74 просмотра
1

ответ
HTML

+1 ещё

Простой
Почему не работает pattern на input?
- 1 подписчик
- 21 час назад
- 75 просмотров
2

ответа
Веб-разработка

Простой
Не будет ли проблем при использовании хостинга другой страны?
- 1 подписчик
- вчера
- 107 просмотров
2

ответа
HTML

+2 ещё

Простой
Как подкрасить 2 блока в разные цвета по всей ширине в дочернем Blade-шаблоне?
- 1 подписчик
- вчера
- 56 просмотров
2

ответа
HTML

+2 ещё

Средний
Неправильное отображение верстки во всех браузерах локально на компьютере, в чем может быть проблема?
- 1 подписчик
- вчера
- 75 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как сделать так, чтобы звезда падала только при скролле страницы?
- 1 подписчик
- вчера
- 83 просмотра
0

ответов
Веб-разработка

+1 ещё

Средний
Как сделано всплывающее окно с моим e-mail адресом Google, который я на этом сервере не оставлял?
- 1 подписчик
- вчера
- 137 просмотров
2

ответа
Показать ещё Загружается…

Frontend-разработчик (React)

ДАЛЕЕ

от 130 000 ₽

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Очистка ин.текста с изображения и создание обложки+корешка для книги

19 апр. 2024, в 15:34

14000 руб./за проект

Разработать фронтенд для интернет-магазина на фреймворке TS

19 апр. 2024, в 15:33

60000 руб./за проект

Спроектировать дизайн сводной SEO таблицы

19 апр. 2024, в 15:20

5000 руб./за проект

Такая идея просто, попытаться создать такой сайт, что из этого получиться и как пользователь отреагирует
metrostroy333: Какой сайт? Из одной картинки в 300 мб? Вы более подробно опишите. О каком изображении идет речь? Сколько их таких? Какой порядок цифр? Что кроме изображения будет. Может стоит грузить страницу без изображения, а потом ajax-ом его подгружать?
Примерно так. Я не знаю ещё веса, но видимо будет очень большой. Например, на ноуте картинка будет занимать сразу около 3 прокруток экранов. Изображение высокого качества конечно. Также есть текст ну и конечно хотелось бы, чтобы она хоть бы лениво загружалась а в идеале чтобы прри прокрутке на следующем экране уже была отображена в орилинале

Answer 1 · 2016-05-04 12:15:28

Платон Платонович @ISEETHESTARS

резать и кэшировать, но будут сложности с респонсив. Или я чего-то не понял? Приведите пример.

Ответ написан более трёх лет назад

10 комментариев

Answer 2 · 2016-05-11 15:46:23

Я бы рекомендовал воспользоваться решением от Яндекс Карт. Сама по себе карта земли - это и есть огромное изображение. Вот пример как можно, используя движок от карт, организовать просмотр большого изображения: webmap-blog.ru/yandex-maps/sozdanie-sobstvennoj-ka...

Сайт с большим изображением на несколько экранов прокрутки. как это сделать?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт