БеГущая строка из картинок в Тильде

1. Для создания эффекта бегущей строки, необходимо добавить на страницу галерею блока GL11. И загрузить туда необходимые изображения.

2. В генераторе заполняешь поля:

• «id блока GL11»;
• «Скорость движения» – Данное поле является настройкой скорости движения бегущей строки. В случае, если включаешь настройку «анимация по скроллу», то данная настройка отвечает за скорость движения при скроллинге;
• «Направление движения» – выбираешь необходимое направление;
• «Высота изображений в мобильной версии»;
• «Угол наклона» – угол наклона бегущей строки (может быть отрицательным);
• «Смещение сверху (px)» – настройка, которая позволяет сдвинуть бегущую строку выше (если отрицательное значение) или ниже (если не отрицательное значение) позволит наехать на другой блок или под элементы в Зеро блоке (если z-index выставлен);
• «Смещение сверху (На экранах меньше 640px)»;
• «z-index блока» – это поле необходимо заполнять в случае, если на странице находится несколько элементов, которые наслаиваются друг на друга (или будут наслаиваться в случае включения настройки «анимация по скроллу»). Чем выше этот параметр тем выше будет находиться элемент по отношению к другим элементам, во время применения эффекта. Соответственно, если ставишь низкое значение, например 1, то бегущая строка будет располагаться под элементами;

Дополнительно можно настроить следующие параметры:

• «Анимация по скроллу» – скорость прокрутки для данной настройки можно выставить в поле «Скорость движения»;
• «Останавливать при наведении»;
• «Убирает анимацию в мобилке»;
• «Убрать фоновый отступ» – Настройка убирает «фоновый отступ», если есть угол наклона.

3. Копируешь сгенерированный HTML код и вставляешь его в блок Т123;

Имей в виду:

• Увеличение изображения по клику настраивается в галерее GL11;