Answer the question
In order to leave comments, you need to log in
How to assign class to next/prev buttons in owl.carousel plugin?
How to assign class to next/prev buttons in owl.carousel plugin?
If this is the last slide, assign a class to the next button, if the first one then prev
Tell me how
Answer the question
In order to leave comments, you need to log in
Owl Carousel Version 2.0.0 beta.2.4
var carouselka = $('.popular-carousel'); // присваиваем идентификатор карусели переменной carouselka
carouselka.owlCarousel({ // инициализируем карусель с параметрами
items:1, // 1 слайд.
nav:true, // показать навигацию
navText: ["<a class='sl-left-arrow'></a>","<a class='sl-right-arrow'></a>"] // Custom'ная навигация.
});
carouselka.on('changed.owl.carousel', function(event) {
if (event.item.index == 0) // проверяем если текущий слайд 0, то:
{
alert("первый слайды");
$(".owl-prev").addClass("klass_pervomu"); // вешаем левой стрелке класс klass_pervomu
alert("первый слайд");
}
if (event.item.index == event.item.count-1) //тут проверяем условие event.page.count - Содержит в себе количество слайдов
{
$(".owl-next").addClass("klass_poslednemu"); //Добавляем класс klass_poslednemu
alert("последний слайд");
}
});
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question