Почему owlCarousel не перелистывает слайдер на 1 элемент?

Question

[Андрей Куклин]

В слайдере имеется 3 элемента, они меняются автоматически по 1. Когда 3 слайд становится активным автоматически на 1 слайд не перелистывает. Если добавить loop: true , то появляются новые элементы, а мне это не нужно.

$("#team__slider").owlCarousel({
				
			    navText: ['<svg xmlns="http://www.w3.org/2000/svg" width="15" height="24"><path d="M2.8 0L0 2.8 9.3 12 0 21.2 2.8 24 15 12 2.8 0z"/></svg>','<svg xmlns="http://www.w3.org/2000/svg" width="15" height="24"><path d="M2.8 0L0 2.8 9.3 12 0 21.2 2.8 24 15 12 2.8 0z"/></svg>'],
			    responsiveClass:true,
			    loop:false,
			    nav: true,
			    dots: false,
			    items: 1,
			    autoplayTimeout:7000,
			    autoplay:true
			});

Answer 1

[Андрей Куклин]

Короче, для тех кто видит этот пост. Разобрался со второй версией =)
Вот код:

var owl = $("#team__slider").on('initialized.owl.carousel changed.owl.carousel', function(e) {
	var carousel = e.relatedTarget;
	if ( carousel.current() + 1 === carousel.items().length) {
		setTimeout(function () {
			var dots = $('#team__slider .owl-dot');
			$(dots[0]).trigger('click');
		}, 7000);
	}
}).owlCarousel({
	navText: ['<svg xmlns="http://www.w3.org/2000/svg" width="15" height="24"><path d="M2.8 0L0 2.8 9.3 12 0 21.2 2.8 24 15 12 2.8 0z"/></svg>','<svg xmlns="http://www.w3.org/2000/svg" width="15" height="24"><path d="M2.8 0L0 2.8 9.3 12 0 21.2 2.8 24 15 12 2.8 0z"/></svg>'],
	responsiveClass:true,
	loop:false,
	nav: true,
	dots: true,
	items: 1,
	autoplayTimeout:7000,
	autoplay:true
});

Answer 2

[Марти Макфлай]

Потому, что loop надо true + overflow hidden для общего блока, чтобы допэлементы было не видно.
Хотя вообще странно, даже при false, он должен переключать на первый, только отлистывая назад..

Comments

[Андрей Куклин]

я же написал, что если сделать loop: true появляются новые элементы. А мне по дизайну это не нужно

[Марти Макфлай]

Андрей Куклин, так а почему не спрятать их через overflow?

[Марти Макфлай]

owl2.owlCarousel({
items: 3,
itemsDesktop: [1100, 3],
itemsDesktopSmall: [900, 2],
itemsTablet: [750, 2],
itemsMobile: [450, 1],
pagination: false,
navigation: true
});

У меня с такими настройками без лупа листается на первую, только не по кругу, а после последней перелистывается назад.

[Андрей Куклин]

Александр Шевченко, я так понял у тебя карусель первой версии. Сейчас попробую ее использовать

[Андрей Куклин]

Александр Шевченко, в общем первая версия не подошла т.к. там нет классов для активных слайдов.
Но нашел решение со второй версией. Спасибо)