Сова Карусель 2 не видна, но ошибок нет - PullRequest
Новая
       9

Сова Карусель 2 не видна, но ошибок нет

0 голосов
/ 08 ноября 2018

Я некоторое время пытался заставить Owl Carousel 2 работать на моем сайте разработчиков. Я использовал это бесчисленное количество раз, прежде чем так ясно, что я делаю что-то глупое. Я могу заставить v1.x работать.

http://www.creativethings.nz/web/the-house

У меня нет ошибок, я почти уверен, что это по сути работает, но просто не отображается. Возможно проблема с CSS, но я использую стандартный CSS от Owl Carousel 2.

В голове: 

<link rel="stylesheet" href="owl2/owl.carousel.css" />
<link rel="stylesheet" href="owl2/owl.theme.default.min.css">

Середина тела: 

<div id="gallery" class="owl-carousel owl-theme">
<div><img src="web/images/gallery/sd.jpg"/></div>                                                                                                                                
<div><img src="web/images/gallery/sd.jpg"/></div>                                                                                
</div>

В конце тела: 

<script type="text/javascript" src="owl2/owl.carousel.min.js"></script>  
<script> 
$(window).on('load',function() { 
$(".owl-carousel").owlCarousel();
});
</script>

Я заметил, что при проверке в Chrome и изменении CSS для .owl-stage-outer на overflow: visible, он показывает (оба) изображения в слайд-шоу рядом друг с другом. Кто-нибудь может помочь диагностировать и решить?

1 Ответ

0 голосов
/ 08 ноября 2018

Вам нужно установить опцию "items" при инициализации вашей карусели. 

    $(window).on('load',function() { 
      $('.owl-carousel').owlCarousel({items:1});
    });

Рабочая JSFiddle Здесь

...