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

Оформить доступ с промокодом
100
Non Alcoholic
Mojito
Special Offer
Beef
Fillet
$19.99
Non Alcoholic
Mojito
Special Offer
Beef
Fillet
$19.99
Blueberry
Ice Tea
Dish Of the Day
Fried
Shrimps
$12.99
Espresso
Helthy Breakfast
Granola
$7.99
Espresso
Helthy Breakfast
Granola
$7.99

Как создать слайдер со своими кнопками из ZeroBlock в Tilda

1. Добавили на страницу блок CR30N
2. Создали слайды в ZeroBlock и добавили в них кнопки
со ссылками #leftsld #rightsld
3. Создали копии последнего и первого ZeroBlock
4. Добавили код в блок Другое - Т123

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

//Управляем слайдером своими стрелками из Zero
//При клике на левую кнопку - крутим слайдер влево
 $("a[href = '#leftsld']").click(function(event) {
   $(".t734 .t-slds__arrow-left")[0].click();
   event.preventDefault();
  });
//При клике на правую кнопку - крутим слайдер вправо
  $("a[href = '#rightsld']").click(function(event) {
   $(".t734 .t-slds__arrow-right")[0].click();
   event.preventDefault();
  });    
  $(document).keydown(function(e){
if (e.which == 37) {
     $(".t734 .t-slds__arrow-left")[0].click();
    };  
if (e.which == 39) { 
     $(".t734 .t-slds__arrow-right")[0].click();
    };      
 })
});    

</script>
Made on
Tilda