为什么加上owl-carousel，图片就显示不出来

Question

<section class="ad">
   <div class="owl-carousel owl-theme">
       <div class="item">
           <img src="img/ad001.png"/>
       </div>
       <div class="item">
           <img src="img/ad002.png"/>
       </div>
       <div class="item">
           <img src="img/ad003.png"/>
       </div>
   </div>
</section>

Answer 1

提问者 锦赫win 2016-08-29 20:08:11

路径对着，只要一div加上owl-carousel，图片就显示不出来了

• 姜维 #1

  你可以看一下 owl-carousel 的样式，他本身是先把图片隐藏起来的，需要在 js 里面调用 owlCarousel 方法，才能变成切换广告。

• 提问者 锦赫win 回复 姜维 #2

  $(document).ready(function(){
     $(".owl-carousel").owlCarousel(
         items:1,
         loop:true,
         autoplay:true,
         autoplayTimeout:true
  
     );
  });
  在main.js中，这样写总是报错

• 姜维 回复 提问者 锦赫win #3

  你看一下是否引入了 owlCarousel 的 js，如果还报错，看一下控制台的错误信息是什么？

Answer 2

姜维 2016-08-29 14:02:18

你在调试工具中看一下样式是否正确，或者图片路径是否正确