1. Для создания эффекта бегущей строки, необходимо добавить на страницу галерею блока GL11. И загрузить туда необходимые изображения.
2. В генераторе заполняешь поля:
- «id блока GL11»;
- «Скорость движения» — Данное поле является настройкой скорости движения бегущей строки. В случае, если включаешь настройку «анимация по скроллу», то данная настройка отвечает за скорость движения при скроллинге;
- «Направление движения» — выбираешь необходимое направление;
- «Высота изображений в мобильной версии»;
- «Угол наклона» — угол наклона бегущей строки (может быть отрицательным);
- «Смещение сверху (px)» — настройка, которая позволяет сдвинуть бегущую строку выше (если отрицательное значение) или ниже (если не отрицательное значение) позволит наехать на другой блок или под элементы в Зеро блоке (если z-index выставлен);
- «Смещение сверху (На экранах меньше 640px)»;
- «Ширина изображения для мобильной версии (px)»;
- «z-index блока» — это поле необходимо заполнять в случае, если на странице находится несколько элементов, которые наслаиваются друг на друга (или будут наслаиваться в случае включения настройки «анимация по скроллу»). Чем выше этот параметр тем выше будет находиться элемент по отношению к другим элементам, во время применения эффекта. Соответственно, если ставишь низкое значение, например 1, то бегущая строка будет располагаться под элементами;
Дополнительно можно настроить следующие параметры:
- «Анимация по скроллу» — скорость прокрутки для данной настройки можно выставить в поле «Скорость движения»;
- «Останавливать при наведении»;
- «Убирает анимацию в мобилке»;
- «Убрать фоновый отступ» — Настройка убирает «фоновый отступ», если есть угол наклона.
3. Копируешь сгенерированный HTML код и вставляешь его в блок Т123;
Имей в виду:- Увеличение изображения по клику настраивается в галерее GL11;
- Ширина блока GL11 должна быть 100%.