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