Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 猫头鹰轿车设计变更_Jquery_Css_Carousel - Fatal编程技术网

Jquery 猫头鹰轿车设计变更

Jquery 猫头鹰轿车设计变更,jquery,css,carousel,Jquery,Css,Carousel,我已经用OWL carousal创建了一个carousal,代码如下: $("#owl-demo").owlCarousel({ autoPlay: false, singleItem:true, transitionStyle:'fade', }); 它显示的滑块如下所示 我需要改变如下的设计, 我的意思是上一张和下一张图片的一半需要显示。如下所示, 您可以对jQuery代码进行细微更改: $("#owl-demo").owlCarousel({

我已经用OWL carousal创建了一个carousal,代码如下:

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

});
它显示的滑块如下所示

我需要改变如下的设计, 我的意思是上一张和下一张图片的一半需要显示。如下所示,


您可以对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"],
试试这个

.owl-item{width:auto !important}

导航:对,导航文本:[“上一个”,“下一个”],----在底部添加单个项目您可以检查我的第二个图像,我只需要像这样更改设计吗