我在我的项目中使用Slick,我需要将两张幻灯片居中。不幸的是,centerMode
选项仅适用于奇数的slidesToShow
计数。我试图通过CSS将活动幻灯片居中,但没有效果。
你知道什么解决办法吗?感谢您的评分
编辑:
我的carousel:https://jsfiddle.net/lukaszflorczak/y7t64oqs/。
我想有1个小屏幕上居中的项目,下2,3等。非活动幻灯片的不透明度较低。
我在我的项目中使用Slick,我需要将两张幻灯片居中。不幸的是,centerMode
选项仅适用于奇数的slidesToShow
计数。我试图通过CSS将活动幻灯片居中,但没有效果。
你知道什么解决办法吗?感谢您的评分
编辑:
我的carousel:https://jsfiddle.net/lukaszflorczak/y7t64oqs/。
我想有1个小屏幕上居中的项目,下2,3等。非活动幻灯片的不透明度较低。
3条答案
按热度按时间xnifntxz1#
Slick Carousel center Mode with two slides is possible using
variableWidth
,you have to set width for each slide.之后,你必须移动slick-track
半宽度的光滑幻灯片。工作小提琴在这里:Slick slide - two slides in center mode
wbgh16ku2#
除了使用
centerMode
属性之外,还可以通过将.slick-track
的水平边距设置为auto
来居中Slick Carousel幻灯片。eqzww0vc3#
如果项目少于“slidesToShow”,可以使用INIT事件添加css类。
然后将Style添加到slick-track元素: