我的猫头鹰旋转木马有问题。如果我把" 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>