Slick.js中心模式，用于3个带导航的幻灯片

Question

是否有可能在带有导航的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 
    }); 
}); 

Answer 1

那怎么slick.js作品。如果所有幻灯片都显示在屏幕上，它将删除任何导航。这没关系。

我建议你风格化幻灯片只有在导航显示：

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

你会得到一个这样的结果：

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