javascript - 在 slick.js 中显示 3 张幻灯片的中心事件幻灯片

Question

我正在使用 slick.js 插件，我想在他们的网站上制作类似的东西。这是 DEMO .

问题是，第一张事件幻灯片 1 没有居中。我知道我可以使用

$('.slider-nav').slick({
    slidesToShow: 3,
    slidesToScroll: 1,
    asNavFor: '.slider-for',
    dots: true,
    focusOnSelect: true,
    centerMode: true
});

但是没有 3 张幻灯片，还有另外 2 张幻灯片的一部分，请参阅 HERE

Answer 1

好吧，这太尴尬了。它所需要的只是将选项 centerPadding 设置为 0(除了将 centerMode 设置为 true)。我不知道为什么我以前没见过这个。不管怎样，这是我 1 个月的更新:

WORKING DEMO