Сова карусель 2 стрелки стрелки на стороне - PullRequest
Новая
       28

Сова карусель 2 стрелки стрелки на стороне

0 голосов
/ 23 июня 2019

В настоящее время я использую совую карусель, чтобы сделать слайд с фотографиями.Но проблема сейчас в том, что я хочу сделать навигацию с обеих сторон (не сверху слайда).

Ниже приведен мой сценарий: 

$('.teamc').owlCarousel({
items: 4,
margin: 20,
autoHeight : true,
autoWidth: true,
center: true,
nav: true,
loop: true,
autoplay:true,
navText: ['<div class="customNextBtn" style="float:left; margin-left:33px"></div>', '<div class="customPreviousBtn" style="float:right; margin-right:33px"></div>'],
responsiveClass: true,
responsive: {
  0: {
    center: true,
    items: 1,
    margin: 20,
    autoHeight : true,
    autoWidth: true,
    nav: false,
    loop: true
  },
  600: {
    center: true,
    items: 4,
    margin: 20,
    autoHeight : true,
    autoWidth: true,
    nav: false,
    loop: true
  },
  1000: {
    center: true,
    items: 4,
    margin: 20,
    autoHeight : true,
    autoWidth: true,
    nav: true,
    loop: true
  }
}});

Вот пример изображения того, что я хочу, чтобы оно было:

1 Ответ

0 голосов
/ 23 июня 2019

если у вас есть это: 

<div class="main-content">
  <div class="owl-carousel owl-theme">
    <div class="item">...</div>
    <div class="item">...</div>
    ...
 </div>
 <div class="owl-theme">
    <div class="owl-controls">
        <div class="custom-nav owl-nav"></div>
    </div>
</div>

вы должны добавить следующий код в js: 

$('.main-content .owl-carousel').owlCarousel({
    .... ,
    navContainer: '.main-content .custom-nav',
    ....
});
...