Add extra class of owl carousel first and last active item

Add extra class of owl carousel first and last active item

var brandSlider = $('.brand-banner');
brandSlider.owlCarousel({
    loop: false,
    nav: false,
    dots: false,
    smartSpeed: 500,
    margin: 0,
    responsive: {
	    0: {
	        items: 1
	    },
	    340: {
	        items: 2
	    },
	    480: {
	        items: 3
	    },
	    768: {
	        items: 4
	    },
	    992: {
	        items: 4
	    },
	    1200: {
	        items: 5
	    }
    }
})
function brandSliderClasses() {
    brandSlider.each(function() {
        var total = $(this).find('.owl-item.active').length;
        $(this).find('.owl-item').removeClass('firstactiveitem');
        $(this).find('.owl-item').removeClass('lastactiveitem');
        $(this).find('.owl-item.active').each(function(index) {
            if (index === 0) {
                $(this).addClass('firstactiveitem')
            }
            if (index === total - 1 && total > 1) {
                $(this).addClass('lastactiveitem')
            }
        })
    })
}
brandSliderClasses();
brandSlider.on('translated.owl.carousel', function(event) {
    brandSliderClasses()
}); 

very nice! thanks

Thanks

Thanks

Perfecto, buscaba algo así para atribuirles un nuevo color, gracias!