Тюнинг стандартной Галереи в ЗЕРО блоке тильды. Слайдер в ZERO блоке. Описание слайдов в ЗЕРО блоке

Тюнинг стандартной Галереи в ЗЕРО блоке тильды. Слайдер в ZERO блоке. Описание слайдов в ЗЕРО блоке Ссылка на код: 🏆 Мой СУПЕР-Курс по программированию в Тильде: =================== Меня совсем не привлекает ограниченный функционал стандартной галереи в ЗЕРО блоке Тильды. А именно – мне не нравится что кнопки и подписи к слайдам я не могу разместить где хочу и придать им любой вид. Короче – придумал я код, благодаря которому можно модернизировать галерею в ЗЕРО блоке таким образом, что кнопки и текст могут располагаться где угодно и иметь любой дизайн. Плюс к этому, Вы по желанию можете выравнивать текст описания слайдов по ширине (то есть по левому и правому краям одновременно) и задавать размер отступа Красной строки. А ещё иногда бывают ситуации, когда для каждого слайда галереи необходимо прописать не только описание, но и название, а стандартные возможности Тильды не позволяют этого делать. Так вот – с помощью моего кода можно добавлять к слайдам ещё и названия (заголовки). Для этого можно использовать поле 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