Галерея GL03 с раскрытием фото на весь экран
Адаптивная сетка, плавное открытие снимка, подписи и навигация в режиме просмотра.Подробнее о модеСвернуть описание
Галерея GL03 с раскрытием фото на весь экран
Адаптивная сетка, плавное открытие снимка, подписи и навигация в режиме просмотра.Что умеет мод
- Собирает изображения в сетку с выбранными пропорциями плиток.
- Настраивает колонки, промежутки и ширину для разных размеров экрана.
- Открывает фото поверх страницы с собственным фоном, стрелками и счётчиком.
- Позволяет выбрать вписывание без обрезки или заполнение области просмотра.
Как подключить
Подготовьте источник
Добавьте GL03 с фотографиями и подписями. В «Где применять» ограничьте область нужным блоком, чтобы в галерею не попали изображения из других частей страницы.
Настройте сетку
Выберите пропорции плитки, скругления и увеличение при наведении. Добавьте брейкпоинты с нужными колонками и отступами. Для вставки в шейп задайте его класс без точки и включите в область также Zero Block с этим шейпом.
Оформите просмотр
Подберите фон, отступы, размер изображения, подписи, стрелки и кнопку закрытия. Выберите показ целиком или заполнение области, затем настройте длительность открытия, закрытия и смены фото.
Опубликуйте и проверьте
Разместите код в T123 после нужных блоков. Проверьте горизонтальные и вертикальные снимки, открытие и закрытие, листание и мобильный экран. Для клавиатуры проверьте открытие плитки, стрелки и Escape.
Что учитывать. Увеличение выше исходного размера файла включается отдельно и может сделать маленькую фотографию менее чёткой. На один источник назначайте один мод галереи. Если нужен зум жестом для изучения деталей, рассмотрите Pinterest-галерею с зум-лайтбоксом.
Вопросы и ограничения
Как показать фотографию без обрезки?
Выберите вписывание «Без обрезки». В режиме заполнения часть изображения может выходить за границы области просмотра.
Можно задать разные колонки на телефоне и компьютере?
Да. Для каждого брейкпоинта задаются колонки, промежутки и вариант ширины сетки.
Почему сетка не появилась в шейпе?
Проверьте его класс, размеры и область применения. При ограниченной области в неё должны входить источник фотографий и Zero Block с принимающим шейпом.
Чем отличается от Pinterest-галереи?
Здесь плитки имеют выбранное общее соотношение сторон, а акцент сделан на раскрытии фото. Pinterest-вариант строит плитки разной высоты и добавляет управление увеличением в лайтбоксе.
Доступ к конструктору
Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.
