Сейчас узнаем, какой подарок выпадет именно Вам
Крутите колесо
Ура, вы выиграли!
Ваш приз:
Годовой доступ
к видео на mo-ti -20%
по промокоду T19RAY
Промокод действителен 3 дня

Оформить доступ с промокодом
100
#2470a1
Создаём слайдер из Zero блоков, используя обложку промо слайдер CR30N в Tilda
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 мин
Фрагмент видео
Посмотреть видео в личном кабинете ►
Библиотека для примера

<script>
(function () {
    document.addEventListener("DOMContentLoaded", function() {
        const sldID = ['#rec166024520'];
        setTimeout(function(){
            for (let i=0; i<sldID.length; i++){
                const sliderEl = sldID[i]+' .t-slds__item';
                const slidersAll = document.querySelectorAll(sliderEl); 
                const slidercount = slidersAll.length; 
                for(let j=0; j<slidercount; j++){slidersAll[j].innerHTML=''};
                let start=0;
                if (document.querySelector(sliderEl+'[data-slide-index="0"]') == null) start=1;

                for (let k=0; k<slidercount; k++){
                    let sInd = k+start;
                
                    if(start){
                        slideId = '#'+document.querySelector(sldID[i]).nextElementSibling.nextElementSibling.getAttribute("id");
                    }else{ 
                        slideId = '#'+document.querySelector(sldID[i]).nextElementSibling.getAttribute("id");
                        if(k==0) sInd=slidercount-1;
                        if(k==slidercount-1) sInd=0;
                    };
                    const zeroSlide = document.querySelector(slideId);
                    const slideElement = document.querySelector(sliderEl+'[data-slide-index="'+(sInd)+'"]');
                    slideElement.appendChild(zeroSlide);
                };
                
                if(start){ 
                    document.querySelector(sldID[i]).nextElementSibling.style.display = "none";
                    document.querySelector(sldID[i]).nextElementSibling.nextElementSibling.style.display = "none";
                };
                
            };
        }, 500); 
    });    
})();

</script>
<style>
.t734 { height: auto !important}
</style>
Made on
Tilda