Как сделать курсор для слайдера в Tilda

Как сделать курсор для слайдера в Tilda

1
Создали ZeroBlock
2
Добавили в него элемент Gallery
3
Создали 2 Shape объекта со ссылками #leftsld и #rightsld
4
Задали этим Shape:
- ширину 50% от ширины слайдера
- высоту 100% от высоты слайдера
Поместили их над слайдером
5
Добавили код в блок Другое - Т123
В коде описали ID нашего Zero и ссылки на курсоры
Библиотека для примера

<style>
a[href = '#leftsld'] {
	cursor: url("https://static.tildacdn.com/tild6563-3235-4438-b433-376531626536/ui.png"), se-resize;
}
a[href = '#rightsld'] {
	cursor: url("https://static.tildacdn.com/tild6631-3030-4065-b937-636338306331/right-chevron.png"), sw-resize;
}
</style>
<script>
$(document).ready(function(){
 var ZeroIDS="#rec154534634";
 $("a[href = '#leftsld']").click(function(event) { event.preventDefault();   $(ZeroIDS+" .t-slds__arrow-left").click();   });
 $("a[href = '#rightsld']").click(function(event) { event.preventDefault();   $(ZeroIDS+" .t-slds__arrow-right").click();  }); 
});
</script>
Библиотека для примера
Кастомные кнопки слайдера
1
Создали ZeroBlock с галереей
2
Задали галерее класс gallery
3
Создали Image с картинками стрелочек и задали им классы
arrow-left и arrow-right
4
Вставили код ниже в блок Т123

<style>
 div[class*="arrow-"]{
     cursor:pointer;
 }
</style>
<script>
$(document).ready(function(){
 $(".arrow-left").click(function(event) { $(".gallery .t-slds__arrow-left").click();});
 $(".arrow-right").click(function(event) {$(".gallery .t-slds__arrow-right").click();}); 
});
</script>
Made on
Tilda