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

Оформить доступ с промокодом
100
Как сделать слайдер-мозаику в ZeroBlock в Tilda

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

1
Создали ZeroBlock
2
Добавили в него 4 штатных слайдера
3
В каждый слайдер добавили фрагменты картинок
4
Добавил стрелки управления Image со ссылками #leftsld и #rightsld
5
Добавили скрипт в блок Другое - Т123

В скрипте прописали ID Zero
var ZerIDs = '#rec153036957';
Библиотека для примера

<style>
   .ZerIDs .t-slds__arrow_container {display: none;}
   .ZerIDs .t-slds {pointer-events: none;}
</style>
<script>
$(document).ready(function(){
 var ZerIDs = '#rec153036957';
 $(ZerIDs).addClass('ZerIDs');
 $("a[href = '#leftsld']").click(function(event) { event.preventDefault();   $(".ZerIDs .t-slds__arrow-left").click();   });
 $("a[href = '#rightsld']").click(function(event) { event.preventDefault();   $(".ZerIDs .t-slds__arrow-right").click();  });    
});    
</script>
Made on
Tilda