@cache0

Как добавить класс active к текущей ссылке на активный элемент в owl carousel 2?

вот пен codepen.io/cache0/pen/JWMNge
вот код
jQuery(document).ready(function($) {
	var owlBen = $(".binefits_slider.owl-carousel");

	owlBen.on('initialized.owl.carousel', function(event) {
		$.each($('.owl-item'), function(i) {
			var paginatorsLink = $('.ben_page');

			$(paginatorsLink[i])
				// i - counter
				// Give some styles and set background image for pagination item
				.css({
					'background': 'url(' + $(this).find('img').attr('src') + ') center center no-repeat',
					'background-size': 'cover'
				})
				// set Custom Event for pagination item
				.click(function() {
					owlBen.trigger("to.owl.carousel", i);
				});

		});

	});

	owlBen.owlCarousel({
		// Most important owl features
		items: 1,
		animateOut: 'fadeOut',
		animateIn: 'fadeIn',
		loop: true,
		dots: false,
		nav: false,
		callbacks: true,
		autoplay: true,

	});
});

кстати ссылки пагинации кастомные
  • Вопрос задан
  • 1072 просмотра
Пригласить эксперта
Ответы на вопрос 1
$(...).addClass('active');

не?
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы