Бесплатный разбор сайта и рекламы

— покажем, где теряются заявки

Получить

Главная

›

Модификации

›

Слайдер в Zero Block

Генератор · бесплатно

Слайдер в Zero Block

Name: Слайдер в Zero Block — генератор кода
Author: ZIMMER

Слайдер из любых элементов внутри одного Zero Block — со своими стрелками, точками и автопрокруткой. Без стандартных галерей Tilda и их ограничений.

Открыть генератор

Как установить

Бесплатно, без регистрации

0 ₽

бесплатно, без регистрации

2 типа

кроссфейд или сдвиг

свайп

листается пальцем на телефоне

← →

и с клавиатуры на компьютере

Генератор

Настройте слайдер

Превью листается стрелками, точками и табами — так же, как на сайте.

Возможности

Что умеет
слайдер

Всё настраивается в генераторе, код менять вручную не нужно.

01 Кроссфейд или сдвиг

Слайды меняются прозрачностью или уезжают вбок, скорость настраивается

Автопрокрутка

Свой интервал, пауза при наведении и когда слайдер вне экрана

Свои стрелки

Любой элемент Zero Block: кнопка, шейп или картинка

Поведение на краях

Зацикливать или гасить стрелку на первом и последнем слайде

Точки

Рисуются сами или в вашем контейнере, размер и цвета настраиваются

Навигация табами

Слайды можно листать своими табами

Свайп и клавиатура

Пальцем на телефоне и стрелками ← → на компьютере

Несколько слайдеров

У каждого своё имя группы, они не мешают друг другу

Любое число слайдов

Скрипт считает слайды сам — можно добавлять новые

Установка

Как
установить

Слайдер работает во флекс-контейнере: у слайдов абсолютное позиционирование, и лежат они друг на друге.

ЭТАП 01

Настройте

Имя группы, тип перехода, автопрокрутка, стрелки и точки

1 минутав генераторе

ЭТАП 02

Сложите слайды

Поставьте слайды в одно место, друг на друга, и дайте один класс slider-slide. Стрелкам — slider-prev и slider-next

по подсказкегенератора

ЭТАП 03

Вставьте код

Блок T123 (Другое → HTML-код) в самом низу страницы

Ctrl + Vодин блок

ЭТАП 04

Опубликуйте

Слайдер работает на опубликованной странице. Обновите её с Ctrl + F5

готовоможно проверять

Вопросы

Если что-то
не работает

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

Задать свой вопрос

Слайды видны все сразу

Проверьте, что страница опубликована и у всех слайдов одинаковый класс. В редакторе Tilda скрипты не работают.

Стрелки не листают

Классы стрелок должны точно совпадать с теми, что показывает генератор.

Нужен флекс-контейнер?

Да. Слайдер работает во флекс-контейнере: у слайдов абсолютное позиционирование, и лежат они друг на друге.

Можно два слайдера на странице?

Да, задайте каждому своё имя группы в генераторе.

Это бесплатно?

Да, без регистрации и ограничений.

Дальше

Другие
модификации

Все бесплатные, без регистрации.

генератор

Табы в Zero Block

Переключение контента по вкладкам внутри Zero Block

генератор