带有导航的 3 张幻灯片的 Slick.js 中心模式

【问题标题】：Slick.js center mode for 3 slides with navigation带有导航的 3 张幻灯片的 Slick.js 中心模式
【发布时间】：2016-12-26 03:19:15
【问题描述】：

是否可以在带有导航的 Slick.js 轮播上仅放置 3 张幻灯片，所以基本上中间的幻灯片会变大。

我已经设置了一个 codepen，首先显示了 3 张以上的幻灯片是如何操作的，但是当您只有 3 张幻灯片时，Slick.js 会删除导航并且它不再起作用。

http://codepen.io/mellomedia/pen/GqLjjX

$(document).on('ready', function() {
  $(".center").slick({
    dots: true,
    infinite: true,
    centerMode: true,
    slidesToShow: 3,
    slidesToScroll: 3
  });
});

【问题讨论】：

标签： jquery carousel slick.js

【解决方案1】：

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

我建议您仅在显示导航时才对幻灯片进行样式化：

.slick-dotted .slick-current img {
  transform: scale(1.1);
}

你会得到这样的结果：

查看完整示例：http://codepen.io/gambala/pen/akxBXr

【讨论】：

谢谢 Gambala，是否有另一个轮播插件可以用于导航并且只有 3 张幻灯片？
其实你不需要其他的行为，slick.js 尽可能的做到最好，我建议继续使用 slick.js 和它的行为。