Jquery 猫头鹰轿车设计变更
我已经用OWL carousal创建了一个carousal,代码如下:Jquery 猫头鹰轿车设计变更,jquery,css,carousel,Jquery,Css,Carousel,我已经用OWL carousal创建了一个carousal,代码如下: $("#owl-demo").owlCarousel({ autoPlay: false, singleItem:true, transitionStyle:'fade', }); 它显示的滑块如下所示 我需要改变如下的设计, 我的意思是上一张和下一张图片的一半需要显示。如下所示, 您可以对jQuery代码进行细微更改: $("#owl-demo").owlCarousel({
$("#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}
导航:对,导航文本:[“上一个”,“下一个”],----在底部添加单个项目您可以检查我的第二个图像,我只需要像这样更改设计吗