1 мин

Zeroblock

Light

5

Этот скрипт позволит тебе сделать любое количество многофункциональных и независимых друг от друга слайдеров как из Zeroblock, так и из стандартных блоков на одной странице. Модификация совместима с Autoscale.

Как сделать слайдер из Zeroblock со своими стрелками и точками?

(cвернуть)
Инструкция
back
front
flip

1. Создай в зероблок свою карточку из нужных тебе элементов и объедини её в группу

2. Затем выбери тип для этой группы object (см. подсказку) и задай группе CSS-класс

3. По такой же логике создай группу, которая будет оборотной стороной твоей карточки, что будет видна сначала, и также выбери для неё тип object и задай ей CSS-класс

4. Затем объедини обе группы в ещё одну object группу и ей задай класс

5. Потом просто добавь код в блок т123 на страницу ниже всех твоих зеро с карточками и мод будет работать

– Если у тебя наблюдаются проблемы с sbs-анимацией по ховеру, то отключи "выравнивать слайды по центральному" и "сделать слайдер беконечным"


– Всегда делай количество слайдов в сумме больше чем "количество слайдов к показу" иначе слайдеру будет нечего прокручивать


– Нумерация слайдеров идет строго по порядку и начинается с первого, причём первый слайдер на странице должен быть обязательно!


– Фон для слайдов задается через шейп. По умолчанию фон прозрачный.


– При использовании с autoscale настройка "Изменять высоту зеро по высоте слайда" применяться не будет


– При использовании с autoscale включай его ТОЛЬКО в зеро с Html-элементом слайдера, а в самих слайдах не включай, иначе скейл будет задваиваться


– Не указывай никаких значений в "отступ между слайдами", если у тебя к показу только один слайд!


– Fade-эффект будет работать только при "количество слайдов к показу" = 1. Если поставить fade эффект и слайдов к показу = 3, то будет только 1 слайд


– Если используешь выравнивание слайдов по центральному или разрешить свайп больше чем на 1 слайд, то настройка "на сколько слайдов прокручивать за шаг" не будет применяться.

Важно!

undefined
undefined
undefined
undefined
undefined
Отчистить поля
Загрузить сохраненные значения
undefined
Скопировать код
Уверенным пользователям, которые каждый день зарабатывают на создании и верстке сайтов
Всё, что во Free и Pro на 1 месяц
и еще:
Pro на 1 год
2 990 ₽
2890 ₽ — ваша выгода
Всё, что во Free
и еще:
У кого пока непрогнозируемая рабочая загрузка и расширение нужно только 
в определенное время
Pro на 1 месяц
490 ₽
Для знакомства с сервисом и тестирования бесплатного функционала
Free
Этот мод доступен на PRO тарифе
Приоритетная поддержка
~50 новых модификаций, которые планируем выпустить в течение года
Обновления библиотеки с учетом изменений Tilda
ИИ-помощник с базовыми моделями
Возможность голосовать за новые моды и закрытый чат (скоро)
undefined
~ 100+ модификаций
Генератор CSS
Распознавание блоков
Показать блоки т123
Автосохранение Zero-блока
Подсветка кода в т123
undefined
undefined
~ 25 бесплатных модификаций
Темная тема для Tilda
Кнопки быстрой публикации
Настройки меню в редакторе
Никаких автоплатежей
 
123
Ниже вставил таким образом созданную карточку. Наведи на неё курсор, чтобы увидеть эффект
Примеры работы модификации
Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.