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