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
True professionalism fueled by pure innovation
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor aenean massa
Branding & User Experience
True professionalism fueled by pure innovation
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor aenean massa
Branding & User Experience

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

Как выполнили данный пример:
1. Создали галерею CR30N
2. Создали 3 ZeroBlocka
3. Создали копии последнего и первого ZeroBlock
4. Добавили скрипт на страницу
Скрипт добавляем в блок ДРУГОЕ►T123
СПИСОК ВСЕХ ВИДЕО
Видеоинструкция данного примера
Видеоинструкция данного примера доступна в архиве
mo-tilda Level UP.
Наглядно показано как создавать подобные вещи и применять их в своих проектах.
Содержание:
1. Создаём слайдер из примера
2. Создаём несколько слайдеров на странице
3. Создаём слайдер из слайдов разной высоты

Создаём слайдер из нескольких ZeroBlock. Несколько слайдеров на странице.
Длительность видео: 37 мин
Подписка к видеоинструкции на платной основе
<style>
    .t734 { height: auto !important; }
</style>
<script>
$(document).ready(function(){
 //Задаём ID нашего Слайдера
 var sliderID = '#rec45606809 .t-slds__item';
//Считаем кол-во слайдов...
 var slidercount = $(sliderID).length;
 //Записываем ID наших ZeroBlockov       
      var zeroSlideFull = [  "#rec82926611" ,  "#rec45608166" ,   "#rec45608194" ];                
 //Очищаем слайды
   $(sliderID).empty();   //Создаём слайдер... 
     var i = 0;     while (i < slidercount-2) {
    $(zeroSlideFull[i]).appendTo(sliderID+":eq("+(i+1)+")");i++;   };
//Клонируем блоки в нулевой и конечный слайд
  $('#rec106636604').appendTo(sliderID+":eq("+(slidercount-1)+")");//копия первого
  $('#rec106636607').appendTo(sliderID+":eq(0)");//копия последнего
});    
</script>
Get free lesson
Just type your contacts
It's totally free
Made on
Tilda