Слайдер для Elementora

<script src=»https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js»></script>
<style>
/* Ваши стили CSS для слайдера */
.slider {
width: 100%;
overflow: hidden;
white-space: nowrap;
position: relative;
}

/* Стили для каждого слайда */
.elementor-element-928540c {
display: inline-block;

}

.next-btn {
cursor:pointer;
}
.prev-btn {
cursor:pointer;
}
</style>

<script>
jQuery(document).ready(function($) {
var slideWidth = $(‘.elementor-element-928540c’).outerWidth(true);
var totalSlides = $(‘.elementor-element’).length;
var currentSlide = 0;

// При клике на кнопку «Следующий»
$(‘.next-btn’).click(function(){
currentSlide++;
if (currentSlide >= totalSlides) {
currentSlide = 0;
}
$(‘.slider’).animate({scrollLeft: currentSlide * slideWidth}, 500);
updateButtonState();
});

// При клике на кнопку «Предыдущий»
$(‘.prev-btn’).click(function(){
if (currentSlide === 0) {
return; // Прекращаем выполнение функции, если достигнут начало слайдера
}
currentSlide—;
$(‘.slider’).animate({scrollLeft: currentSlide * slideWidth}, 500);
updateButtonState();
});

// Функция для обновления состояния кнопок
function updateButtonState() {
// Если текущий слайд — первый, делаем кнопку «Предыдущий» неактивной
if (currentSlide === 0) {
$(‘.prev-btn’).prop(‘disabled’, true);
} else {
$(‘.prev-btn’).prop(‘disabled’, false);
}
}

// Инициализируем состояние кнопок при загрузке страницы
updateButtonState();
});
</script>