Бегущая строка из картинок

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

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

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

«Настройки для экранов от 640px»:

• «Скорость анимации» — данное поле является настройкой скорости движения бегущей строки. В случае, если включаешь настройку «анимация по скроллу», то данная настройка отвечает за скорость движения при скроллинге;
• «Отступ между карточками (рх)» — настройка регулирует расстояние между изображениями;
• «Высота изображений (рх)» — настройка определяет высоту изображений;
• «Ширина изображения (px)» — настройка задает ширину изображений;
• «Смещение сверху (px)» — настройка, которая позволяет сдвинуть бегущую строку выше (если отрицательное значение) или ниже (если не отрицательное значение) позволит наехать на другой блок или под элементы в Зеро блоке (если z-index выставлен);

«Настройки для экранов до 640px»:
Заполняешь следующие поля «Скорость анимации», «Отступ между карточками (рх)», «Высота изображений (рх)», «Ширина изображения (px)», «Смещение сверху (px)» для экранов до 640px.

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

• «Анимация по скроллу» — скорость прокрутки для данной настройки можно выставить в поле «Скорость движения»;
• «Останавливать при наведении»;
• «Убирает анимацию в мобилке»;
• «Убрать фоновый отступ» — настройка убирает «фоновый отступ», если есть угол наклона;
• «Включить режим ссылок» — включите настройку для добавления ссылок к изображениям при клике на них. В блоке GL11 в поле «Заголовок изображения при увеличении» добавьте необходимые ссылки. Убедитесь, что увеличение изображения по клику в блоке GL11 отключено.

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

Имей в виду:

• Увеличение изображения по клику настраивается в галерее GL11;
• Ширина блока GL11 должна быть 100%.