Как настроить owl слайдер для мобильного?

Question

[Александр Nameless08]

Всем привет!

На десктопах слайдера нет вовсе, новости плиткой выводятся. А на мобильном нужен слайдер и именно в виде представленном выше.
А мне нужно именно по левому.

Comments

[maxsnw]

инициализируй карусель когда разрешение меньше определенного значения, а на десктопе работай с этой разметкой как с обычной.

[Александр Nameless08]

maxsnw, ну этот момент я решаю так:

var winWidth = $(window).width(),
		centerNewsSlider = $('#centerNewsSlider');

	if(winWidth < 571){
		centerNewsSlider.owlCarousel({
	    		loop:true,
	    		margin:10,
	    		responsiveClass:true,
	            items:1,
   	 	
		});
	};

	$(window).resize(function() { 

		winWidth = $(window).width();

		if(winWidth < 571){
			centerNewsSlider.owlCarousel({
	    		loop:true,
	    		margin:10,
	    		responsiveClass:true,
	            items:1,
   	 	
			});
		}else if(winWidth >= 571){
			// как отключить owl?
		};
		
	});

Единственное вопрос, а как его отключить? То есть если пользователь тянет экран, как только более 571 надо отключить слайдер.

[maxsnw]

Александр Nameless08, В плагине наверняка есть метод по типу destroy

Answer 1

[Максим Тимофеев]

А почему именно owl? На первом скрине "удар в удар" карусель от 4-го bootstrap:
getbootstrap.com/docs/4.0/components/carousel/#wit...
На втором просто надо указать, что бы начиналась не с первого и будет или center mode отключить:
https://owlcarousel2.github.io/OwlCarousel2/demos/...
Но owl еще сыровата, она де в бета версии еще. И там в каждом новом update новые нежданчики. Сам постоянно пытаюсь ее юзать, и каждый раз натыкаюсь на какой-то болт. Мне кажется все же лучше дождаться релиза.
Как вариант замены: kenwheeler.github.io/slick

Comments

[Александр Nameless08]

Конечно, можно попробовать другой слайдер. Хотя owl пока мне никаких проблем не создавал. То что булеты как у бутстрапа - это мелочи. Меня именно интересует как сделать так чтобы зацепить часть следующего слайда - prntscr.com/hsdxer

[Максим Тимофеев]

Александр Nameless08, https://owlcarousel2.github.io/OwlCarousel2/demos/...

[Александр Nameless08]

Максим Тимофеев, то что надо, спасибо!