M
M
Maxim2016-07-25 13:10:11
JavaScript
Maxim, 2016-07-25 13:10:11

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

1 answer(s)
D
doctorcat, 2016-07-25
@doctorcat

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 question

Ask a Question

731 491 924 answers to any question