Фото, которые хочется рассмотреть, — на весь экран одним щелчком
Клиент видит на странице скриншот, фото товара или объекта — и хочет разглядеть детали. Здесь любая картинка открывается на весь экран: крупно, с подписью, со стрелками к соседним кадрам и увеличением. Закрыл — и он там же, где был.
Попробуйте прямо на этой странице: щёлкните любой кадр ниже.
Если картинка на странице — это аргумент
Портфолио и кейсы, интернет-магазины, недвижимость и ремонт, мебель и интерьеры, рестораны и отели — везде, где клиент принимает решение, разглядывая фото.
Портфолио и кейсы
Скриншоты работ открываются крупно — клиент читает мелкий текст на макете, не уходя со страницы.
Объекты и интерьеры
Серию фото объекта листают стрелками или свайпом, как в альбоме, со счётчиком «3 из 12».
Товары и детали
Увеличение двойным щелчком показывает фактуру, швы, надписи — то, что не видно в превью.
Любая картинка в тексте страницы — уже галерея
Ничего не нужно размечать: картинки в тексте страницы сами становятся кликабельными. Фото одного раздела страницы открываются вместе — листаете подборку, а не случайный набор.
Что видит клиент
- Кадр крупно, на тёмном фоне — ничто не отвлекает.
- Счётчик: какой это кадр и сколько их всего.
- Подпись под кадром — из описания картинки, того же, что читают поисковики.
- Закрыть — крестик, клавиша Esc или щелчок по фону.
Подборка листается стрелками, клавишами и миниатюрами
Стрелки по краям, ← и → на клавиатуре, лента миниатюр внизу — к любому кадру одним щелчком. После последнего кадра снова идёт первый.
Навигация
- Стрелки и клавиши. ← и → листают, Esc закрывает
- По кругу. за последним кадром — снова первый
- Миниатюры. лента появляется, когда в подборке от четырёх кадров
- Своё место. после закрытия страница остаётся там же
Двойной щелчок — и видно каждую деталь
Двойной щелчок или кнопка лупы увеличивает кадр вдвое. Увеличенный кадр можно двигать мышью и рассмотреть нужный угол. Ещё щелчок по лупе — обратно.
На телефоне — свайпы, как в галерее смартфона
Провёл пальцем вбок — следующий кадр. Потянул вниз — просмотр закрылся. Короткое случайное движение не закрывает: нужно потянуть заметно.
Лента фото прямо на странице
Когда кадров много, их удобно показать лентой: карточки в ряд, стрелки и точки под ней. Любая карточка открывается на весь экран — и дальше листается уже вся лента. Ниже — живая лента: тёмная тема из наших кейсов.
В тёмной теме сайта лента и просмотр выглядят так же аккуратно:
Настраивается один раз — для всего сайта
Главное, что видит клиент, включается и выключается в админке. Новые страницы и статьи получают просмотр фото сами, без правки каждой.
- Что показывать. счётчик кадров, подписи, кнопку и двойной щелчок для увеличения
- Как листать. по кругу или до последнего кадра, свайпы на телефоне, закрытие щелчком по фону
- Какие картинки. все картинки в тексте страниц или только отмеченные; мелкие значки можно исключить по ширине
- Миниатюры и увеличение. с какого числа кадров показывать ленту миниатюр, во сколько раз увеличивать
Щёлкните любой кадр
Шесть экранов из наших кейсов — одна подборка. Откройте любой, полистайте стрелками или свайпом, увеличьте двойным щелчком.
Красиво — и не в ущерб скорости
Страница не ждёт галерею
Стили просмотра подгружаются, не задерживая показ страницы; лента запускается, только когда до неё докрутили.
Картинки остаются картинками
В коде страницы это обычные изображения с описанием — поисковик видит их и подписи, как и раньше.
Без лишних кликов назад
Просмотр открывается поверх страницы: адрес не меняется, после закрытия клиент на том же месте.
Покажем ваши фото так, чтобы их рассматривали
Настроим просмотр фото на вашем сайте, соберём подборки и ленты для портфолио, объектов или товаров. Нужен сайт целиком? Смотрите услугу разработки.
Ещё кейс: меню, в котором клиент находит нужное за один взгляд →
