Tilda. Слайдер на zero блоке.

В этой статье вы узнаете, как создать слайдер на зеро блоке.

Слайдер на зеро блоке в Tilda - это мощный инструмент, который помогает сделать ваш сайт более динамичным и интерактивным. Он позволяет представить информацию в удобном формате, где пользователи могут легко пролистывать различные элементы, будь то изображения, текст или видеоматериалы. Это не только улучшает визуальное восприятие контента, но и может значительно повысить вовлеченность посетителей вашего сайта.

Первый слайд

Второй
слайд

Третий
слайд

Код для слайдера на зеро блоке

Создаем блок CR30N
Создаем необходимые Zero блоки для слайдера
Клонируем первый и последний Zero блоки
Создали блок T123 для вставки html кода
Вставили код в блок
Поменяли id блока на нужный

<style>.t734 { height: auto !important; }</style>
<script>
$(document).ready(function(){
let sldID = ['#rec417842664'];
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()};
};
 
});    
</script>

Если хотите научиться создавать классные сайты на Tilda и стать настоящим профессионалом, приглашаем на курс "Сайты на Tilda".

Наш курс позволяет освоить все навыки, необходимые для создания продающих сайтов, от идеи до финального воплощения. Вы получите полное понимание процессов, начиная с разработки концепции сайта и заканчивая его полноценным запуском. В программу входит изучение уникальных инструментов Tilda. Вы научитесь делать акцент на визуале, грамотно оформлять контент и создавать удобные для пользователей интерфейсы.

Кроме технических аспектов, мы уделяем большое внимание стратегиям продаж и продвижения, чтобы ваш сайт не просто выглядел привлекательно, но и эффективно привлекал клиентов. Завершив обучение, вы будете готовы создавать качественные и конкурентоспособные веб-ресурсы, способные удовлетворить потребности современного бизнеса. Присоединяйтесь к нам и сделайте первый шаг на пути к профессиональному успеху в веб-дизайне!

узнать подробнее