Loading...
Nolim Academy
Расширение
Онлайн-чат
Академия
Расширение
Техподдержка
Расширение
Онлайн-чат
Nolim Academy
Модификации
Профиль
Подписка
Партнерская программа
Время настройки: 2 минуты

Как сделать слайдер «До-После» в Zero Block Tilda?

Модификация поможет настроить свой слайдер «До-После» в Zero Block со своим размером
Инструкция (Развернуть↓)
1. Чтобы в слайдере отображались необходимые фотографии, необходимо добавить на страницу галерею GL12 и загрузить в неё свои картинки. Далее копируешь их ссылки и вставляешь в генератор в указанные поля. Формат файла советуем использовать svg или png;
  • «Ссылка на картинку слева» – Добавляешь ссылку на фотографию, которая будет располагаться слева;
  • «Ссылка на картинку справа» – Добавляешь ссылку на фотографию, которая будет располагаться справа;
  • «border-radius (px)» – Настраиваешь скругление слайдера. Учитывай, что сильно большой радиус может обрезать подсказки на слайдере;
  • «Подпись картинки слева» и «Подпись картинки справа» – Указываем подписи на картинках, если это нужно;
  • Настраиваешь цвет и ширину полосы между фотографиями в полях «Цвет полосы» и «Ширина полосы (px)»
  • Указываешь в поле хочешь ли ты «Показывать шейп между стрелками?»
  • Если да, то настраиваешь «Цвет шейпа и стрелок»

2. Копируем сгенерированный код и вставляем у себя в Зеро-блоке в элемент html.
Размеры слайдера будут соответствовать размеру html элемента

Имей в виду:

  • Модификация не корректно работает с функцией autoscale
  • Рекомендуем загружать изначально изображения с такими же размерами сторон, как и html элемент внутри зеро блока;
Class элемента
Код доступен только тем, кто оплатил подписку
Подписка стоит 400р./мес.
Покупая подписку, ты получаешь доступ ко всем уникальным модификациям
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Подписка закончилась((
Нужно продлить, чтобы получить доступ.
Так так так...
а этот генератор кода доступен только по подписке
Код доступен только тем, кто зарегистрирован
Зарегистрировавшись, ты получаешь доступ ко всем бесплатным модификациям
Made on
Tilda