Тюнинг стандартной Галереи в ЗЕРО блоке тильды. Слайдер в ZERO блоке. Описание слайдов в ЗЕРО блоке
Ссылка на код:
howmakesite.ru/products/Slayd...
Обучаю онлайн работе в ZERO-блоках Тильды:
howmakesite.ru/products/ZERO-...
🏆 Мой СУПЕР-Курс по программированию в Тильде:
howmakesite.ru/products/Kurs-...
===================
Меня совсем не привлекает ограниченный функционал стандартной галереи в ЗЕРО блоке Тильды. А именно - мне не нравится что кнопки и подписи к слайдам я не могу разместить где хочу и придать им любой вид.
Короче - придумал я код, благодаря которому можно модернизировать галерею в ЗЕРО блоке таким образом, что кнопки и текст могут располагаться где угодно и иметь любой дизайн. Плюс к этому, Вы по желанию можете выравнивать текст описания слайдов по ширине (то есть по левому и правому краям одновременно) и задавать размер отступа Красной строки. А ещё иногда бывают ситуации, когда для каждого слайда галереи необходимо прописать не только описание, но и название, а стандартные возможности Тильды не позволяют этого делать. Так вот - с помощью моего кода можно добавлять к слайдам ещё и названия (заголовки). Для этого можно использовать поле ALT, которое почти никто не использует.
Ну и конечно Вы можете назначать анимацию отдельно на каждый элемент.
Код позволит вписать галерею в дизайн сайта и даже сделать из неё первый экран по типу, как практикуют очень многие, - смена фонов и текстов. Просто растаскиваете слайдер в ЗЕРО блоке на всю ширину, и он играет роль фона, а тексты помещаете поверх него.
Применение кода состоит всего из пяти простейших действий:
1 - Присвоить галерее CSS_класс «standartgallery»
2 - Создать кнопки какие Вам надо (можете использовать в качестве кнопок что угодно - кнопки, шейпы, изображения, тексты или векторы) и присвоить кнопкам CSS-классы «prevbuttongallery» и «nextbuttongallery» - соответственно для перелистывания к предыдущему и следующему слайдам.
3 - Создать два текстовых поля, в которых будут располагаться заголовки и описания слайдов, написать в них любой текст, ориентируясь на который, придать им любой дизайн, и присвоить им CSS-классы «titleofslide» для заголовка и «descriptionofslide» - соответственно для описания.
4 - ЗЕРО Блоку, в котором располагается галерея, присвоить любой CSS-класс. По умолчанию это «uc-galleryblock1».
5 - Добавить на страницу из раздела «Другое» блок Т123-HTML и вставить туда мой программный код.
Дополнительные возможности:
Если Вы используете какие-то другие сторонние коды на Вашей странице, которые требуют присвоения определённого имени CSS-класса для ЗЕРО блока с галереей, то в моём программном коде вместо «uc-galleryblock1» пропишите тот класс, которым обладает Ваш ЗЕРО блок.
Если Вам необходимо создать несколько ЗЕРО блоков с галереями, то присвойте этим ЗЕРО блокам разные CSS-классы, создайте для каждого свою копию программного кода и пропишите в кодах CSS-классы соответствующих им ЗЕРО блоков.
Можно также включать или отключать выравнивание текста описания слайдов по ширине.
И можно задавать любой размер Красной строки описания слайдов, начиная от нуля. Если ноль - то Красной строки не будет.
Ключевые слова:
слайдер в зеро блоке,
слайдер в тильде,
слайдер zero блок,
слайдер tilda,
галерея в зеро блоке,
галерея в тильде,
видео слайдер тильда,
видео галерея тильда,
видео слайдер зеро блок,
видео галерея зеро блок,
вставить видео в зеро,
тильда,
zero block,
описание фотографий зеро,
тексты галерея зеро,
галерея с миниатюрами в тильде,
галерея с миниатюрами зеро блок,
галерея с иконками tilda,
слайдер с миниатюрами тильда,
слайдер с миниатюрами зеро блок,
слайдер с миниатюрами zero
27 ноя 2023
