Веду сайт-портфолио, куда постепенно выложено уже несколько сотен фотографий, и сейчас они показаны обычным списком — открыть фото крупно и посмотреть детали толком нельзя. Задача — собрать блок галереи с двумя режимами: превью в виде плотной сетки на странице и отдельное окно просмотра, которое открывается по клику на снимок на весь экран, с плавным появлением и понятной кнопкой закрытия.
Отдельно важен телефон: заказчики моего портфолио чаще заходят именно с мобильного, и листать снимки внутри окна просмотра нужно свайпом, а не только стрелочками. Ещё волнует скорость: если грузить сразу все картинки архива, страница будет открываться долго, поэтому нужна подгрузка по мере прокрутки и предварительная оптимизация файлов — уменьшение веса без потери качества на глаз. Хочу, чтобы под каждым фото можно было вписать короткую подпись, а сами альбомы я потом мог пополнять сам, без обращения к разработчику за каждой мелочью.
По итогу нужен рабочий, лёгкий модуль, который одинаково корректно ведёт себя и на новом смартфоне, и на бюджетном устройстве с медленным интернетом.
Кратко, что должно быть в результате:
— сетка превью, которая перестраивается под ширину экрана
— открытие фото на весь экран по клику или тапу
— свайп между снимками на мобильных устройствах
— постепенная подгрузка и сжатие изображений
— возможность самостоятельно добавлять альбомы позже
Отдельно важен телефон: заказчики моего портфолио чаще заходят именно с мобильного, и листать снимки внутри окна просмотра нужно свайпом, а не только стрелочками. Ещё волнует скорость: если грузить сразу все картинки архива, страница будет открываться долго, поэтому нужна подгрузка по мере прокрутки и предварительная оптимизация файлов — уменьшение веса без потери качества на глаз. Хочу, чтобы под каждым фото можно было вписать короткую подпись, а сами альбомы я потом мог пополнять сам, без обращения к разработчику за каждой мелочью.
По итогу нужен рабочий, лёгкий модуль, который одинаково корректно ведёт себя и на новом смартфоне, и на бюджетном устройстве с медленным интернетом.
Кратко, что должно быть в результате:
— сетка превью, которая перестраивается под ширину экрана
— открытие фото на весь экран по клику или тапу
— свайп между снимками на мобильных устройствах
— постепенная подгрузка и сжатие изображений
— возможность самостоятельно добавлять альбомы позже
