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