我正在使用slick.js
插件,我想在他们的网站上做一些类似的东西。这里是DEMO。
问题是,第一张活动幻灯片1
没有居中。我知道我可以使用
$('.slider-nav').slick({
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: '.slider-for',
dots: true,
focusOnSelect: true,
centerMode: true
});
但不是3张幻灯片,而是另外2张幻灯片的一部分,参见HERE
2条答案
按热度按时间bvjxkvbb1#
好吧,这太尴尬了。所有它需要的是设置选项
centerPadding
到0
(旁边设置centerMode
到true
)。我不知道为什么我以前没有看到过这一点。无论如何,这里是我的1个月更新:sz81bmfz2#
如果我没理解错你的问题,你将不得不通过编程隐藏部分幻灯片。如果这个功能在本机就存在,那就太好了,但它没有。也许在未来的版本中。
请阅读评论,了解我正在做的事情的简要概述:
**一个