1,0×
00:00/06:16
Слайдер Галерея с лентой миниатюр в ZERO блоке Тильды. Слайдер в ЗЕРО блоке. Слайдер в Тильде. Верт
Слайдер Галерея с лентой миниатюр в ZERO блоке Тильды. Слайдер в ЗЕРО блоке. Слайдер в Тильде. Вертикально.
Ссылка на код:
howmakesite.ru/...p645796209
Видео про слайдер с горизонтальной лентой:
youtu.be/jAVa5DhyA9E
🏆 Мой СУПЕР-Курс по программированию в Тильде:
howmakesite.ru/...p583848367
Партнёрская программа:
howmakesite.ru/...es/returns
===================
У меня уже есть видео о дополнении к стандартной галерее ZERO блока Тильды – это лента миниатюр. Там была горизонтальная лента миниатюр, но некоторые покупатели задавали вопрос, нет ли у меня ещё и вертикальной. Поэтому я сделал ещё один код, и теперь ваш слайдер в ЗЕРО-блоке может обладать ещё и вертикальной лентой. Напоминаю, дизайн Вы сможете делать любой, размещать ленту где угодно – под слайдером, над ним, сбоку и поверх него.
Высота ленты может быть любая, а также любые могут быть: размеры миниатюр в ленте, расстояние между ними, радиус их скругления по углам, толщина и цвет бордюра активной миниатюры. Все эти настройки можно индивидуально задавать для разной ширины дисплея, вплоть до того, что сделать миниатюры в кружочках.
При клике на миниатюры меняются слайды, а сама лента при смене слайдов сдвигается, показывая миниатюру активного слайда, и эта миниатюра тем ниже, чем слайд ближе к последнему. Таким образом интуитивно понятно, много ли ещё осталось слайдов.
В общем – всё как в горизонтальной ленте.
Можно также добавить кнопки, чтобы передвигать ленту вверх-вниз. Эти кнопки будут исчезать если все миниатюры умещаются в ленте или лента скролится до крайних положений. Ещё ленту можно таскать мышью, но удобнее - конечно скролить её колёсиком, а на мобильных устройствах работают те же кнопки или можно скроллить ленту пальцем.
Короче, всё это по-прежнему работает на любых устройствах, и всё очень удобно и наглядно.
Смена слайдов может быть автоматическая, интервал можно задавать любой на Ваше усмотрение или отключить автосмену.
Ну и так же, как в слайдере с горизонтальной лентой – отдельное текстовое поле для описания активного слайда, чтобы размещать его где попало и дизайнить как захочется.
По-прежнему все элементы совместимы со стартовой анимацией Тильды и могут выползать по-отдельности каждый в своём направлении при загрузке. И по-прежнему всё это работает с резиновой вёрсткой.
Ключевые слова:
слайдер в зеро блоке,
слайдер в тильде,
слайдер zero блок,
слайдер tilda,
галерея в зеро блоке,
галерея в тильде,
видео слайдер тильда,
zero block,
описание фотографий зеро,
тексты галерея зеро,
галерея с миниатюрами в тильде,
галерея с миниатюрами зеро блок,
галерея с иконками tilda,
слайдер с миниатюрами тильда,
слайдер с миниатюрами зеро блок,
слайдер с миниатюрами zero,галерея зеро блок,
галерея zero блок,
слайдер с маленькими картинками,
кастомный слайдер в тильде
Ссылка на код:
howmakesite.ru/...p645796209
Видео про слайдер с горизонтальной лентой:
youtu.be/jAVa5DhyA9E
🏆 Мой СУПЕР-Курс по программированию в Тильде:
howmakesite.ru/...p583848367
Партнёрская программа:
howmakesite.ru/...es/returns
===================
У меня уже есть видео о дополнении к стандартной галерее ZERO блока Тильды – это лента миниатюр. Там была горизонтальная лента миниатюр, но некоторые покупатели задавали вопрос, нет ли у меня ещё и вертикальной. Поэтому я сделал ещё один код, и теперь ваш слайдер в ЗЕРО-блоке может обладать ещё и вертикальной лентой. Напоминаю, дизайн Вы сможете делать любой, размещать ленту где угодно – под слайдером, над ним, сбоку и поверх него.
Высота ленты может быть любая, а также любые могут быть: размеры миниатюр в ленте, расстояние между ними, радиус их скругления по углам, толщина и цвет бордюра активной миниатюры. Все эти настройки можно индивидуально задавать для разной ширины дисплея, вплоть до того, что сделать миниатюры в кружочках.
При клике на миниатюры меняются слайды, а сама лента при смене слайдов сдвигается, показывая миниатюру активного слайда, и эта миниатюра тем ниже, чем слайд ближе к последнему. Таким образом интуитивно понятно, много ли ещё осталось слайдов.
В общем – всё как в горизонтальной ленте.
Можно также добавить кнопки, чтобы передвигать ленту вверх-вниз. Эти кнопки будут исчезать если все миниатюры умещаются в ленте или лента скролится до крайних положений. Ещё ленту можно таскать мышью, но удобнее - конечно скролить её колёсиком, а на мобильных устройствах работают те же кнопки или можно скроллить ленту пальцем.
Короче, всё это по-прежнему работает на любых устройствах, и всё очень удобно и наглядно.
Смена слайдов может быть автоматическая, интервал можно задавать любой на Ваше усмотрение или отключить автосмену.
Ну и так же, как в слайдере с горизонтальной лентой – отдельное текстовое поле для описания активного слайда, чтобы размещать его где попало и дизайнить как захочется.
По-прежнему все элементы совместимы со стартовой анимацией Тильды и могут выползать по-отдельности каждый в своём направлении при загрузке. И по-прежнему всё это работает с резиновой вёрсткой.
Ключевые слова:
слайдер в зеро блоке,
слайдер в тильде,
слайдер zero блок,
слайдер tilda,
галерея в зеро блоке,
галерея в тильде,
видео слайдер тильда,
zero block,
описание фотографий зеро,
тексты галерея зеро,
галерея с миниатюрами в тильде,
галерея с миниатюрами зеро блок,
галерея с иконками tilda,
слайдер с миниатюрами тильда,
слайдер с миниатюрами зеро блок,
слайдер с миниатюрами zero,галерея зеро блок,
галерея zero блок,
слайдер с маленькими картинками,
кастомный слайдер в тильде
…