Как задать для стрелок Owl carusel свои элементы?

262
05 февраля 2019, 15:30

написал вот такой код

    $('#block-views-complexservice-block .owl-carousel').owlCarousel({
    margin:0,
    nav:false,
    smartSpeed: 400,
    merge:true,
    margin:15,
    responsive:{
        992:{
            nav:true,
            items:3,
            navContainerClass: 'slides-arrows',  
            navClass: ['slide-prev','slide-next'],
        },
    }
});

но что то меню не не кликается

Answer 1

Используйте свойства navText

Codepen пример

Пример с SVG

$("#owl-example").owlCarousel({
     nav: true,
     navText: ['<svg width="100%" height="100%" viewBox="0 0 11 20"><path style="fill:none;stroke-width: 1px;stroke: #fff;" d="M9.554,1.001l-8.607,8.607l8.607,8.606"/></svg>','<svg width="100%" height="100%" viewBox="0 0 11 20" version="1.1"><path style="fill:none;stroke-width: 1px;stroke: #fff;" d="M1.054,18.214l8.606,-8.606l-8.606,-8.607"/></svg>']
 });

Пример с картинкой

$("#owl-example").owlCarousel({
  nav: true,
  navText: ["<img src='myprevimage.png'>","<img src='mynextimage.png'>"]
});
READ ALSO
Листание слайдера движением мыши
javascript

Листание слайдера движением мыши

Возникла задача: листание меню движением мыши влево вправоСамо меню решено сделать слайдером (для облегчения работы)

 303
Как получить символы из строки (все символы по отдельности)?
javascript

Как получить символы из строки (все символы по отдельности)?

У меня есть такой вопрос как получить символы из строки? Пример: Пользователь вводить text; нужен в таком варианте в массиве(или в переменный)...

 279
Как записать даты range datapicker в 2 инпута?
javascript

Как записать даты range datapicker в 2 инпута?

 457
Рефакторинг фильтрации
javascript

Рефакторинг фильтрации

Подскажите, как можно отрефакторить такой метод фильтрации:

 253