php 猫头鹰旋转木马

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了php 猫头鹰旋转木马相关的知识,希望对你有一定的参考价值。


https://owlcarousel2.github.io/OwlCarousel2/demos/demos.html

<link rel="stylesheet" type="text/css" href="<?php echo get_bloginfo('template_directory') . '/assets/css/owl.carousel.min.css' ; ?>">   
<link rel="stylesheet" type="text/css" href="<?php echo get_bloginfo('template_directory') . '/assets/css/owl.theme.default.min.css' ; ?>"> 

<script src="<?php echo get_bloginfo('template_directory') . '/assets/js/owl.carousel.min.js' ; ?>"></script>

<!--  THE HTML  -->
<div class="owl-carousel owl-theme row">
		 <?php 
			 //$i = 0;	
			 foreach ( $banner_images as $banner_image ) : ?>
			 	<div class="item"><img src="<?php echo $banner_image ; ?>"></div>
			
			<?php  endforeach;  ?>  	
</div>


<!--  THE JS   -->
<script>

jQuery('.owl-carousel').owlCarousel({
    loop:true,
    margin:10,
    nav:true,
    items:1

});
	
</script>






以上是关于php 猫头鹰旋转木马的主要内容,如果未能解决你的问题,请参考以下文章

猫头鹰旋转木马只显示 1 件商品

猫头鹰旋转木马未正确显示

如何在猫头鹰旋转木马内居中img?

猫头鹰旋转木马没有响应

javascript 猫头鹰旋转木马初学者

猫头鹰旋转木马纵横同高