一件附有图像的物品

设定

为了使图像自动适合滑块容器,请在宽度上使用100% 。 检查下面的CSS

$(document).ready(function() {

  $("#owl-demo").owlCarousel({

      navigation : true, // Show next and prev buttons
      slideSpeed : 300,
      paginationSpeed : 400,
      singleItem:true

      // "singleItem:true" is a shortcut for:
      // items : 1, 
      // itemsDesktop : false,
      // itemsDesktopSmall : false,
      // itemsTablet: false,
      // itemsMobile : false

  });

});
<div id="owl-demo" class="owl-carousel owl-theme">

  <div class="item"><img src="assets/fullimage1.jpg" alt=" 我们的最后 "></div>
  <div class="item"><img src="assets/fullimage2.jpg" alt=" 侠盗猎车手5 "></div>
  <div class="item"><img src="assets/fullimage3.jpg" alt=" 镜边 "></div>

</div>
#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}

更多演示