Пустая Сова Карусель, Div исчезает - PullRequest
Новая
       9

Пустая Сова Карусель, Div исчезает

0 голосов
/ 08 июня 2018

У меня проблема с совой-каруселью.Если я поставлю «сова-карусель» в классе div, будет пусто. Если я уберу «сову-карусель», изображения появятся, но не в виде совы-карусели.Спасибо за помощь.:) 

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

<div class="section dark">
    <div class="container clearfix">
        <div id="oc-images2" class="owl-carousel image-carousel" data-lightbox="gallery">
            <?php foreach ($event as $e_row): ?>
                <div class="oc-item">
                    <div class="ipost clearfix">
                        <div class="entry-image">
                            <?php
                            $picture = '';
                            if ($e_row->logo)
                                $picture = $e_row->logo;
                            ?>
                            <a href="<?php echo base_url($picture); ?>" data-lightbox="gallery-item">
                                <img class="image_fade" src="<?php echo base_url($picture); ?>" alt="Image">
                            </a>
                        </div>
                    </div>
                </div>
            <?php endforeach; ?>
        </div>

        <script type="text/javascript" src="../../../assets/js/jquery-3.3.1.js"></script>
        <script type="text/javascript">

            jQuery(document).ready(function($) {

                var ocImages2 = $("#oc-images2");

                ocImages2.owlCarousel({
                    responsive: {
                        0: {items: 1},
                        480: {items: 2},
                        768: {items: 3},
                        992: {items: 4},
                        1200: {items: 5}
                    },
                    margin: 20,
                    nav: true,
                    navText: ['<i class="icon-angle-left"></i>', '<i class="icon-angle-right"></i>'],
                    rewindNav: true,
                    dots: false
                });

            });
        </script>
    </div>
</div>

<div class="clear"></div>
...