猫头鹰旋转木马设计变化

Question

我用OWL Carousal创建了一个带有以下代码的carousal，

$("#owl-demo").owlCarousel({
    autoPlay: false,
    singleItem:true,
    transitionStyle:'fade',

});

显示如下滑块

我需要改变设计如下， 我的意思是prev和下一个图像的一半需要显示。如下，

Fiddle demo

Answer 1

您可以对jQuery代码进行小的更改：

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

      autoPlay: 3000, //Set AutoPlay to 3 seconds
      **singleItem:false,-------------------------->change this remove true and add false**
      navigation : true,
      navigationText : ["prev", "next"],
      itemsDesktop : [1199,3],
      itemsDesktopSmall : [979,3]

  });

下一个上一个，然后你添加这个：

navigation : true,
navigationText : ["prev", "next"],

Answer 2

试试这个

.owl-item{width:auto !important}