1 мин

Zeroblock

Light

5

Этот скрипт позволит тебе сделать любую бегущую строку как из логотипов, так и просто в зеро из фото. Модификация совместима с Autoscale.

Как сделать бегущую строку на Tilda?

(cвернуть)
Инструкция
<div class="swiper"></div>
logo-slider

1. Создай на странице в зероблоке html-элемент и в него вставь

2. Задай этому элементу CSS Classname по своему усмотрению, например

3. Создай стандартный блок GL12 и вставь в него изображения, которые будут отображаться в бегущей строке

4. Укажи в генераторе кода ID твоего GL12 и ID твоего зероблока с html-элементом

5. Укажи нужные настройки в генераторе кода

6. Скопируй код и вставь на страничку в блок т123

6. Если у тебя слайдер с autoscale или не на весь зероблок (100% по ширине по window container), а лишь на его часть, то задай элементам в слайдах выравнивание container window и left top. А также убери для контента отступы слева и сверху, чтобы слайды были прижаты вбок вот так. Иначе все сместится вправо! Просто выдели все элементы и сделай всё как в подсказке тут =>

7. Укажи rec-id всех зероблоков (или стандартных блоков), которые должны быть слайдами через запятую и пробел (без кавычек!)

8. Если будешь использовать автоскейл, то включи его только в самом зеро, в котором у тебя будет слайдер

9. Выбери все нужные тебе функции в генераторе кода и в дополнительных настройках и полученный код вставь в блок т123 сразу после последнего слайда

10. Если хочешь вставить на страницу 2-й и последующие слайдеры, то укажи в генераторе кода порядковый номер слайдера, чтобы отвязать его от остальных и повтори пункты 1-10

11. После всех этих действий перейди в Настройки сайта => Ещё => Выбери пункт "Подключить jQuery на страницах сайта"

– Браузер firefox не совсем корректно отображает autoscale Тильды и поэтому при использовании мода с автоскейлом в этом браузере если поставить слишком быструю скорость прокрутки, то может быть заметно мерцание краев картинок у бегущей строки

Важно!

undefined
undefined
undefined
undefined
Отчистить поля
Загрузить сохраненные значения
undefined
Скопировать код
Уверенным пользователям, которые каждый день зарабатывают на создании и верстке сайтов
Всё, что во Free и Pro на 1 месяц
и еще:
Pro на 1 год
2 990 ₽
1400 ₽ — ваша выгода
Всё, что во Free
и еще:
У кого пока непрогнозируемая рабочая загрузка и расширение нужно только 
в определенное время
Pro на 1 месяц
390 ₽
Для знакомства с сервисом и тестирования бесплатного функционала
Free
Этот мод доступен на PRO тарифе
Приоритетная поддержка
~50 новых модификаций, которые планируем выпустить в течение года
Обновления библиотеки с учетом изменений Tilda
ИИ-помощник с базовыми моделями
Возможность голосовать за новые моды и закрытый чат (скоро)
undefined
~25 Pro-модификаций
Генератор CSS
Распознавание блоков
Показать блоки т123
Автосохранение Zero-блока
Подсветка кода в т123
undefined
undefined
~20 бесплатных модификаций
Темная тема для Tilda
Кнопки быстрой публикации
Настройки меню в редакторе
Никаких автоплатежей
 
123

Ниже вставил две бегущих строки для демонстрации

Примеры работы модификации