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