Слайдер Галерея с лентой миниатюр в ZERO блоке Тильды. Слайдер в ЗЕРО блоке. Слайдер в Тильде. Верт
Слайдер Галерея с лентой миниатюр в ZERO блоке Тильды. Слайдер в ЗЕРО блоке. Слайдер в Тильде. Вертикально.
Ссылка на код:
Слайдер-Галерея-с-лентой-миниатюр-Вертикально-в-ZERO-блоке-TILDA-Программный-код-p645796209
Видео про слайдер с горизонтальной лентой:
🏆 Мой СУПЕР-Курс по программированию в Тильде: Курс-ПРОГРАММИСТА-на-TILDA-от-Чайника-до-ПРОФИ-за-2-часа-p583848367
Партнёрская программа:
===================
У меня уже есть видео о дополнении к стандартной галерее ZERO блока Тильды – это лента миниатюр. Там была горизонтальная лента миниатюр, но некоторые покупатели задавали вопрос, нет ли у меня ещё и вертикальной. Поэтому я сделал ещё один код, и теперь ваш слайдер в ЗЕРО-блоке может обладать ещё и вертикальной лентой. Напоминаю, дизайн Вы сможете делать любой, размещать ленту где угодно – под слайдером, над ним, сбоку и поверх него.
Высота ленты может быть любая, а также любые могут быть: размеры миниатюр в ленте, расстояние между ними, радиус их скругления по углам, толщина и цвет бордюра активной миниатюры. Все эти настройки можно индивидуально задавать для разной ширины дисплея, вплоть до того, что сделать миниатюры в кружочках.
При клике на миниатюры меняются слайды, а сама лента при смене слайдов сдвигается, показывая миниатюру активного слайда, и эта миниатюра тем ниже, чем слайд ближе к последнему. Таким образом интуитивно понятно, много ли ещё осталось слайдов.
В общем – всё как в горизонтальной ленте.
Можно также добавить кнопки, чтобы передвигать ленту вверх-вниз. Эти кнопки будут исчезать если все миниатюры умещаются в ленте или лента скролится до крайних положений. Ещё ленту можно таскать мышью, но удобнее - конечно скролить её колёсиком, а на мобильных устройствах работают те же кнопки или можно скроллить ленту пальцем.
Короче, всё это по-прежнему работает на любых устройствах, и всё очень удобно и наглядно.
Смена слайдов может быть автоматическая, интервал можно задавать любой на Ваше усмотрение или отключить автосмену.
Ну и так же, как в слайдере с горизонтальной лентой – отдельное текстовое поле для описания активного слайда, чтобы размещать его где попало и дизайнить как захочется.
По-прежнему все элементы совместимы со стартовой анимацией Тильды и могут выползать по-отдельности каждый в своём направлении при загрузке. И по-прежнему всё это работает с резиновой вёрсткой.
Ключевые слова:
слайдер в зеро блоке,
слайдер в тильде,
слайдер zero блок,
слайдер tilda,
галерея в зеро блоке,
галерея в тильде,
видео слайдер тильда,
zero block,
описание фотографий зеро,
тексты галерея зеро,
галерея с миниатюрами в тильде,
галерея с миниатюрами зеро блок,
галерея с иконками tilda,
слайдер с миниатюрами тильда,
слайдер с миниатюрами зеро блок,
слайдер с миниатюрами zero,галерея зеро блок,
галерея zero блок,
слайдер с маленькими картинками,
кастомный слайдер в тильде
35 views
2350
799
8 months ago 00:02:57 7
3D галерея на TILDA. Объёмная карусель в ZERO блоке. 3D слайдер в Тильде. Слайдер ЗЕРО блок
8 months ago 00:06:37 4
Слайдер Галерея с лентой миниатюр в ZERO блоке Тильды. Слайдер в ЗЕРО блоке. Слайдер в Тильде
8 months ago 00:13:05 1
Свой Фото-Видео Слайдер в Зеро блоке Тильды. Фото-Видео-Галерея в ZERO блок Tilda. Слайдер ZERO блок
9 months ago 00:21:04 1
Tilda Publishing | Flex - Галерея/Слайдер из Zero Block
10 months ago 00:04:12 27
Своя AR Галерея 🎨 Шаблон Проекта: Unity Asset & AR Foundation (ARKit/ARCore), Дополненная Реальность
11 months ago 00:35:13 1
Сайт в стиле GTA 6 на HTML, CSS и JavaScript (CSS-анимация, Blur, Parallax, Gradient)
12 months ago 00:04:48 440
Как кастомизировать слайдер GL20 на Тильде
1 year ago 00:00:06 666
Voyage Slider 👩💻
1 year ago 04:53:27 1
Адаптивная верстка сайта с объяснением действий. Добавление товара в корзину, AJAX подгрузка из JSON
1 year ago 00:05:50 1
Красивый слайдер в зеро блоке на Тильда - Как сделать галерею в зеро блоке на Tilda
1 year ago 00:32:07 1
Верстка сайта html css | Как правильно верстать современные сайты #5 Секция Фотогалерея
1 year ago 00:05:20 1
Новая функция для Zero блока в Тильда, Галерея или Слайдер.
2 years ago 00:18:05 1
Запоздалый Новый год с #Tilda, #ANNEXX и #Некодим: модификации для удобной работы – что нового?
2 years ago 00:04:37 3
Как сделать слайдер галерея с изображениями на Тильде
2 years ago 00:00:06 4
В арсенале канала CSS-хаки (https://t.
2 years ago 00:09:48 1
Как сделать слайдер для сайта на Materialize CSS, Подробный видео курс по Materialize CSS #17