Опыт пользователя: сделать пагинацию зависимой от размера браузера

Question

Я разрабатываю полноразмерную фотогалерею;под полноразмерным я подразумеваю, что его макет должен занимать 100% ширины браузера.

Поскольку моя галерея будет содержать сотни изображений, она разбита на страницы.У меня такой вопрос: сколько картинок я должен поместить на одну страницу, поскольку это зависит от размера окна?

Вы когда-нибудь видели веб-приложение, которое выбирает с сервера только достаточно данных, чтобы заполнить страницу без прокрутки?

Я на самом деле не прошу технических советов (пока нет), а особенно о пользовательском опыте.Имеет ли смысл моя идея?

Спасибо

Answer 1

Звучит так, как будто вам нужно использовать JS, чтобы определить точное разрешение, которое есть у пользователя в данный момент, а затем рассчитать, сколько изображений вы можете вписать в это пространство с учетом полей и т. Д.

Для меня это было быпотрясающий пользовательский опыт, если я получил галерею, которая занимала 100% размера.

Answer 2

Я бы сначала загрузил страницу с очень небольшим количеством изображений (минимум, который вы ожидаете показать сразу), а затем при загрузке страницы используйте Javascript, чтобы определить размер экрана и количество дополнительные изображения, которые вы можете отобразить, а затем загрузить их через AJAX.

Вы также можете обнаружить изменение размера окна вручную и добавить больше элементов, если оно будет увеличено.