@maxnrg33
верстальщик

Как присвоить класс кнопкам next/prev в плагине owl.carousel?

Как присвоить класс кнопкам next/prev, в плагине owl.carousel?

Если это последний слайд, присвоить класс кнопке next, если первый то prev

Подскажите как
  • Вопрос задан
  • 509 просмотров
Пригласить эксперта
Ответы на вопрос 1
@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("последний слайд");        
            }    
    });
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы