Сова Карусель "navText:" не добавляет стрелки - PullRequest
Новая
       12

Сова Карусель "navText:" не добавляет стрелки

0 голосов
/ 23 января 2019

Я хочу добавить стрелки к моей карусели. Я искал решения для своего ответа, скопировал код, но почему-то он не сработал.

Итак, у меня есть этот HTML: 

<div id="owl-demo" class="owl-carousel owl-theme">
        <div class="item">
            <video autoplay muted loop id="myVideo">
            <source src="fleuropdemo.mp4" type="video/mp4">
            </video>
            <div class="video-wrapper">
                <p>FLEUR OP / BEZORGT EEN GOED GEVOEL</p>
                <h2>HET GEVOEL VAN BLOEMEN ANDERS VERTELD</h2>
            </div>
        </div>
   ...2 more .item
</div>

Вот файлы, которые у меня есть в моем html: `owl.carousel.css, owl.theme.default.min.css, owl.carousel.js, jquery.min.js``

И вот что я делаю в своем сценарии: 

$(document).ready(function() {

$("#owl-demo").owlCarousel({

 navigation : true, // Show next and prev buttons
 nav: true,
 navText : ["<i class='fa fa-chevron-left'></i>","<i class='fa fa-chevron-right'></i>"],
 loop: true,
 slideSpeed : 300,
 paginationSpeed : 400,

 items : 1, 
 itemsDesktop : false,
 itemsDesktopSmall : false,
 itemsTablet: false,
 itemsMobile : false

});

});

Решение navText, которое я получил из этого поста: Как сделать карусель для совы со стрелками вместо следующей предыдущей

То, чего я хочу достичь, точно такое же. Но почему-то решение не работает для меня ...

Я также протестировал несколько кодов, точно скопировал их код. Не работал. Я начинаю думать, что мне не хватает файлов. Я использую последнюю версию для совы карусели.

Остальная часть карусели работает отлично.

1 Ответ

0 голосов
/ 23 января 2019

Ваши иконки не отображаются, потому что шрифт awesome установлен неправильно.

...