Слайдер Галерея с лентой миниатюр в ZERO блоке Тильды. Слайдер в ЗЕРО блоке. Слайдер в Тильде. Гориз
Галерея Слайдер с лентой миниатюр в ZERO блоке Тильды. Слайдер в ЗЕРО блоке. Слайдер в Тильде
Ссылка на код:
Видео про слайдер с вертикальной лентой:
🏆 Мой СУПЕР-Курс по программированию в Тильде:
===================
Представляю Вашему вниманию свою новую разработку – это дополнение к стандартной галерее слайдов ZERO блока – лента миниатюр. Дизайн сможете делать любой.
Размещать ленту можете где угодно – под слайдером, над ним, сбоку и даже поверх слайдера – поверх самой галереи. Получится галерея с миниатюрами в Тильде.
Длина ленты может быть любая, а также любая может быть ширина и высота миниатюр в этой ленте, и также можете задавать расстояние между миниатюрами, толщину и цвет бордюра активной миниатюры и радиус её скругления по углам. При этом все эти настройки можно индивидуально выставлять для разной ширины дисплея. Вплоть до того, что вообще можно сделать миниатюры в кружочках. У Вас будет кастомный слайдер в Тильде.
А ещё к ленте можно присобачить кнопки, и они автоматически будут появляться если все миниатюры слайдов в ленту не влезают и автоматически будут исчезать если умещаются. И также соответствующие ненужные кнопки будут исчезать если лента прокручивается до конца или находится в самом начале, ведь лента чуть сдвигается в зависимости от того, какая по счёту миниатюра соответствует большому слайду. Это даёт интуитивное понятие о том, далеко ли ещё до последнего слайда.
Этими кнопками можно ленту двигать, чтобы выбирать другие слайды. И также ленту можно двигать мышью. А на мобильных устройствах её можно таскать по экрану вправо-влево пальцем.
Такой слайдер с миниатюрами в зеро блоке работает на любых устройствах.
Интервал автоматической смены слайдов можно задавать любой. И можно отключать автосмену слайдов.
Вишенка на торте – отдельное текстовое поле, в котором выводится описание активного слайда, чтобы Вы не уродовали свой дизайн текстами стандартной галереи ZERO блока, а могли разместить описание где надо и придать ему нормальный вид.
А ещё все эти элементы совместимы со стартовой анимацией Тильды. То есть, при загрузке Вы можете заставить отдельные элементы слайдер с миниатюрами в Тильде выползать по-отдельности каждый в своём направлении.
Такой слайдер в зеро блоке будет также работать с резиновой вёрсткой. То есть, Вы можете задавать элементам размеры в процентах от Window контейнера.
Ключевые слова:
слайдер в зеро блоке,
слайдер в тильде,
слайдер zero блок,
слайдер tilda,
галерея в зеро блоке,
галерея в тильде,
видео слайдер тильда,
zero block,
описание фотографий зеро,
тексты галерея зеро,
галерея с миниатюрами в тильде,
галерея с миниатюрами зеро блок,
галерея с иконками tilda,
слайдер с миниатюрами тильда,
слайдер с миниатюрами зеро блок,
слайдер с миниатюрами zero,галерея зеро блок,
галерея zero блок,
слайдер с маленькими картинками,
кастомный слайдер в тильде
94 views
2390
880
9 months ago 00:35:13 1
Создание потрясающей галереи на HTML, CSS и JavaScript (CSS-анимация, Blur, Parallax, Gradient)
10 months ago 00:21:04 1
Tilda Publishing | Flex - Галерея/Слайдер из Zero Block
11 months ago 00:13:05 1
Свой Фото-Видео Слайдер в Зеро блоке Тильды. Фото-Видео-Галерея в ZERO блок Tilda. Слайдер ZERO блок
11 months ago 00:02:58 1
3D галерея на TILDA. Объёмная карусель в ZERO блоке. 3D слайдер в Тильде. Слайдер ЗЕРО блок
1 year ago 04:53:27 1
Адаптивная верстка сайта с объяснением действий. Добавление товара в корзину, AJAX подгрузка из JSON
2 years ago 00:05:50 1
Красивый слайдер в зеро блоке на Тильда - Как сделать галерею в зеро блоке на Tilda
2 years ago 00:05:20 1
Новая функция для Zero блока в Тильда, Галерея или Слайдер.
2 years ago 00:18:05 1
Запоздалый Новый год с #Tilda, #ANNEXX и #Некодим: модификации для удобной работы – что нового?
2 years ago 00:09:48 1
Как сделать слайдер для сайта на Materialize CSS, Подробный видео курс по Materialize CSS #17