Jquery Slick.js中心模式,用于3张带导航的幻灯片

Jquery Slick.js中心模式,用于3张带导航的幻灯片,jquery,carousel,slick.js,Jquery,Carousel,Slick.js,在一个带有导航功能的Slick.js旋转木马上可以只放3张幻灯片,这样中间的幻灯片就变得更大了 我已经设置了一个代码笔,首先显示3张以上的幻灯片是如何运行的,但是当您只有3张幻灯片时,Slick.js会删除导航,并且不再工作 这就是slick.js的工作原理。如果所有幻灯片都显示在屏幕上,则会删除任何导航。这是正常的行为 我建议仅当导航显示以下内容时,才对幻灯片进行样式化: .slick-dotted .slick-current img { transform: scale(1.1);

在一个带有导航功能的Slick.js旋转木马上可以只放3张幻灯片,这样中间的幻灯片就变得更大了

我已经设置了一个代码笔,首先显示3张以上的幻灯片是如何运行的,但是当您只有3张幻灯片时,Slick.js会删除导航,并且不再工作


这就是slick.js的工作原理。如果所有幻灯片都显示在屏幕上,则会删除任何导航。这是正常的行为

我建议仅当导航显示以下内容时,才对幻灯片进行样式化:

.slick-dotted .slick-current img {
  transform: scale(1.1);
}
您将得到如下结果:


请参阅完整示例:

这就是slick.js的工作原理。如果所有幻灯片都显示在屏幕上,则会删除任何导航。这是正常的行为

我建议仅当导航显示以下内容时,才对幻灯片进行样式化:

.slick-dotted .slick-current img {
  transform: scale(1.1);
}
您将得到如下结果:


请参阅完整示例:

谢谢Gambala,是否有另一个旋转木马插件可以与导航和3张幻灯片一起工作?实际上,您不需要其他行为,slick.js尽可能做到最好,我建议您继续使用slick.js及其行为。谢谢Gambala,有没有另一个旋转木马插件,可以与导航和3张幻灯片一起工作?实际上你不需要其他行为,slick.js尽可能做到最好,我建议继续使用slick.js和它的行为。