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

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

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

1
Создали ZeroBlock
2
Добавили в него элемент Gallery и задали ему класс gallery
3
Создали 2 Shape или Image объекта (для стрелок) и задали им классы leftsld и rightsld
4
Добавили код в блок Другое - Т123
В коде прописали ссылки на курсоры
Библиотека для примера
<script>
document.addEventListener("DOMContentLoaded", function() {
    (function () {
        
        const gallery = document.querySelector(".gallery");
        
        document.querySelector(".leftsld").addEventListener('click', function(event) {
            gallery.querySelector('.t-slds__arrow-left').click();
        });
        
        document.querySelector(".rightsld").addEventListener('click', function(event) {
            gallery.querySelector('.t-slds__arrow-right').click();
        });
 
    })();    
});    
</script>

<style>
.leftsld {
	cursor: url("https://static.tildacdn.com/tild6563-3235-4438-b433-376531626536/ui.png"), se-resize;
}
.rightsld {
	cursor: url("https://static.tildacdn.com/tild6631-3030-4065-b937-636338306331/right-chevron.png"), sw-resize;
}
</style>
Made on
Tilda