Управление файлами cookie
Мы используем файлы cookie для обеспечения наилучшего взаимодействия с сайтом.
Управление файлами cookie
Настройки файлов cookie
Файлы cookie, необходимые для корректной работы сайта, всегда включены.Другие файлы cookie можно настроить.

Основные файлы cookie
Всегда включен. Эти файлы cookie необходимы для того, чтобы вы могли пользоваться веб-сайтом и его функциями. Их нельзя отключить. Они устанавливаются в ответ на ваши запросы, такие как настройка параметров конфиденциальности, вход в систему или заполнение форм.
Аналитические файлы cookie
Disabled
Эти файлы cookie собирают информацию, чтобы помочь нам понять, как используются наши веб-сайты или насколько эффективны наши маркетинговые кампании, или чтобы помочь нам настроить наши веб-сайты под вас. Смотрите список используемых нами аналитических файлов cookie здесь.
Рекламные файлы cookie
Disabled
Эти файлы cookie предоставляют рекламным компаниям информацию о вашей онлайн-активности, чтобы помочь им предоставлять вам более релевантную онлайн-рекламу или ограничить количество просмотров рекламы. Эта информация может быть передана другим рекламным компаниям. Смотрите список рекламных файлов cookie, которые мы используем здесь.
Бесплатно

Слайдер До/После в зеро блоке в Тильда

Видео инструкция
Инструкция по установке
Подготовьте два изображения
Возьмите два кадра одного и того же объекта с одной точки и выровняйте их по размеру: кадры должны совпадать по композиции, тогда сравнение читается.
Сложите их друг на друга в Zero Block
Сгруппируйте оба изображения в одну группу (Логическую не автолейаут) так, чтобы они полностью накладывались друг на друга. Нижний кадр — «До», верхний — «После»: верхний и будет обрезаться шторкой.
Вставьте код в T123
Блок T123 («HTML-код») в самый низ страницы, код ниже, публикация. Подписи «До» и «После» при желании добавьте текстовыми элементами поверх по краям.
Настройка под себя
Поменяйте на нужные вам значения под ваши задачи
Параметр
По умолчанию
Что делает
dev-ba-before
Обязательно
Класс для нижнего изображения
dev-ba-after
Обязательно
Класс для верхнего изображения
'background:#fff;......
#fff
Цвет #fff вертикальной линии, замените на свой
.dev-ba-knob{position:.....
#fff
Цвет #fff кружка по центру, замените на свой
'color:#06210a.....
#06210a
Цвет #06210a стрелок, замените на свой
Пример работы модификации
задать вопрос

Есть вопросы или нужна помощь?

Заполните форму — свяжусь, а вами для обсуждения плана работ в течение часа.
Не получается установить или нужна кастомизация под проект — пишите мне:
Кастомная разработка на Tilda.
Воронки, интеграции, скорость.
Работаю по всему миру онлайн.
© 2026 DEV TILDA. Все права защищены.
Made with Zero Block ◆ Tilda