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