OWL Carousel 2, как сделать такой слайдер?

Question

[d_e_l_e_x]

Привет всем. Как сделать именно такой же слайдер как на скрине ниже, с помощью owl carousel2?



Плагин подключил к сайту. В js прописал код:

$(document).ready(function(){
	  $(".owl-carousel").owlCarousel({
	  	nav:true,
	  	navText : ['<','>'],
		loop:true, 
		margin:10, 
        autoplay:true,
        smartSpeed:1000, 
        autoplayTimeout:4000,
        items:1, 
        dots:true,
        animateOut: 'fadeOut'
		});
	});

Но "owl-nav" подключается ниже блоков изображений. Как сделать, чтобы навигация была именно по краям изображений? Как на скрине..

Answer 1

[noteblock]

.owl-prev{
  position:absolute;
  top:50%;
  left:0;
  widht:30px;
  height:30px;
  margin-top:-15px;
  line-height:30px;
  color:#fff;
}
.owl-prev{
 то же самое, но right:0;
}

Comments

[d_e_l_e_x]

Спасибо!

Answer 2

[tyzberd]

https://codepen.io/PerfectIsShit/pen/wWVpoP?page=8

Comments

[d_e_l_e_x]

Спасибо!

Answer 3

[Егор Живагин]

CSS. Смотришь название класса, позиционируешь, куда тебе надо