Javascript 更改滑块项目计数(Owl转盘v2)
我想将移动设备中的项目数更改为2或3,现在移动设备中的项目数是这样的 但我想把它改成这样Javascript 更改滑块项目计数(Owl转盘v2),javascript,php,css,wordpress,Javascript,Php,Css,Wordpress,我想将移动设备中的项目数更改为2或3,现在移动设备中的项目数是这样的 但我想把它改成这样 我试着用css来实现这一点,但它在slider中打断了很多东西您需要更改该页面上的javascript文件worldstitle.info/wp content/themes/worldstitle/include/js/my js.js 查找此代码 $('.custom1').owlCarousel({ autoplay:false, items: 6, margin:0,
我试着用css来实现这一点,但它在slider中打断了很多东西您需要更改该页面上的javascript文件
worldstitle.info/wp content/themes/worldstitle/include/js/my js.js
查找此代码
$('.custom1').owlCarousel({
autoplay:false,
items: 6,
margin:0,
stagePadding: 0,
smartSpeed: 450,
responsiveClass:true,
responsive:{
0:{
items:1,
nav:true,
loop:false
},
600:{
items:3,
nav:true,
loop:false
},
900:{
items:4,
nav:true,
loop:false
},
1100:{
items:6,
nav:true,
loop:false
},
1000:{
items:4,
nav:true,
loop:false
}}});
然后更改项目编号(应该写3而不是1)
有不同计数的响应选项,有关更多信息,请参阅本文:
$('.custom1').owlCarousel({
autoplay:false,
items: 6,
margin:0,
stagePadding: 0,
smartSpeed: 450,
responsiveClass:true,
responsive:{
0:{
items:3,
nav:true,
loop:false
},
600:{
items:3,
nav:true,
loop:false
},
900:{
items:4,
nav:true,
loop:false
},
1100:{
items:6,
nav:true,
loop:false
},
1000:{
items:4,
nav:true,
loop:false
}}});