Создаём слайдер из Zero блоков, используя обложку промо слайдер CR30N в Tilda
Latin dance classes In manhattan
About Our Classes
Our classes provide a gateway into the world of dance, connecting young people and communities to artistic practice. We also engage in a range of inspirational and high-quality participatory activities, both nationally and internationally.
Zero Block
Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.
Tilda Publishing
create your own block from scratch
Creativity is the name Triumph is the game
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor aenean massa
Branding & User Experience
Нажимая кнопку «Получить спецпредложение», Вы соглашаетесь на обработку персональных данных
Creativity is the name Triumph is the game
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor aenean massa
Branding & User Experience
Нажимая кнопку «Получить спецпредложение», Вы соглашаетесь на обработку персональных данных
What we aim to create is the stuff of dreams
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor aenean massa
Branding & User Experience
VIEW MORE
True professionalism fueled by pure innovation
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor aenean massa
Branding & User Experience
VIEW MORE
True professionalism fueled by pure innovation
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor aenean massa
Branding & User Experience
VIEW MORE

Создаём слайдер из Zero блоков, используя обложку промо слайдер CR30N в Tilda

1
Создали галерею CR30N
2
Создали 3 ZeroBlocka
3
Создали копии последнего и первого ZeroBlock
4
Добавили скрипт на страницу
Скрипт добавляем в блок ДРУГОЕ►T123
В коде изменили ID СR30N

Mo-ti Level Up
Видео инструкции по добавлению кода и работе с Zero Block.
Получить полное видео
Посмотреть все видео
Создаём слайдер из нескольких ZeroBlock. Несколько слайдеров на странице. Свои кнопки для слайдера.
Длительность видео: 30 мин
Фрагмент видео
Посмотреть видео в личном кабинете ►
Библиотека для примера

<style>.t734 { height: auto !important; }</style>
<script>
$(document).ready(function(){
let sldID = ['#rec166024520'];
setTimeout(function(){
for (let i=0; i<sldID.length; i++){
    let sliderEl = sldID[i]+' .t-slds__item'; 
    let slidercount = $(sliderEl).length; $(sliderEl).empty(); let start=0;
    if(!$(sliderEl+'[data-slide-index="0"]').length){start=1};
    for (let j=0; j<slidercount; j++){
        let sInd = j+start;
        if(start){ slideId = '#'+$(sldID[i]).next().next('div[data-record-type="396"]').attr('id');
        }else{ slideId = '#'+$(sldID[i]).next('div[data-record-type="396"]').attr('id') 
        if(j==0){sInd=slidercount-1};if(j==slidercount-1){sInd=0};
        }; $(slideId).appendTo(sliderEl+'[data-slide-index='+(sInd)+']');
    };  if(start){ $(sldID[i]).next().hide(); $(sldID[i]).next().next().hide()};
};
}, 100); 
});    
</script>

Html code will be here

Made on
Tilda