Javascript 滑动条垂直中心滑动问题
在我的项目中,我在平滑滑块的垂直滑块中使用中心模式。他们网站上的演示始终活跃在中间幻灯片中,他们总共有3张幻灯片。但在我的例子中,我有9张幻灯片,当我应用它们的设置并将幻灯片设为9张时,它会再次激活第二张幻灯片,但我需要它来激活第五张幻灯片的中心。 我附上我的项目截图和我的代码 Javascript代码Javascript 滑动条垂直中心滑动问题,javascript,jquery,slick.js,Javascript,Jquery,Slick.js,在我的项目中,我在平滑滑块的垂直滑块中使用中心模式。他们网站上的演示始终活跃在中间幻灯片中,他们总共有3张幻灯片。但在我的例子中,我有9张幻灯片,当我应用它们的设置并将幻灯片设为9张时,它会再次激活第二张幻灯片,但我需要它来激活第五张幻灯片的中心。 我附上我的项目截图和我的代码 Javascript代码 $('.slider-for').slick( { slidesToShow: 1, slidesToScroll: 1, arrows: false, fade
$('.slider-for').slick(
{
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: false,
adaptiveHeight: true,
infinite: false,
useTransform: true,
speed: 400,
});
$('.slider-nav').slick(
{
slidesToShow: 9,
slidesToScroll: 1,
asNavFor: '.slider-for',
dots: false,
arrows: false,
centerMode: true,
focusOnSelect: true,
vertical: true
});
在该网站上,在中心模式下,他们有六张幻灯片,但一次显示三张幻灯片,每次单击滚动一张幻灯片。 因此,*slideToShow*必须是您希望在3张幻灯片的情况下显示多少张幻灯片的值。不是你有多少张幻灯片 我想,你可以试着把
slideToShow:3幻灯片编号为9我想将幻灯片编号5居中。制作i*slideToShow*3时,将滑块设置为链接()中的图像。您可以从要开始的位置放置初始幻灯片:4或5。在你的情况下,你可能想放9张幻灯片,然后你可以放幻灯片放映:9