空白猫头鹰旋转木马,div消失

时间:2018-06-08 06:56:16

标签: javascript php jquery css owl-carousel

我的猫头鹰旋转木马有问题。如果我把" owl-carrousel"在div类中..如果我删除" owl-carousel",图片会出现,但它不在猫头鹰轮播视图中。谢谢你的帮助。 :)

<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>

0 个答案:

没有答案