基本上,我们需要创建一个轮播,其默认值为9 slidesToShow和9 slidesToScroll。这很简单,但是我们的轮播会在多页中复制,并且某些页面可能只有2-3张幻灯片(我们正在使用它来显示类别和子类别)。
目前,我们的轮播可以很好地用于具有9个类别/幻灯片或更多类别的页面。但是当它的命中率小于此值时失败,然后创建多行单个项目。
光滑的轮播项目可以自动调整宽度,使其始终排成一排并填充空间吗?例如,这是我们的默认设置;
< [_] [_] [_] [_] [_] [_] [_] [_] >
但是当少于9个时会发生这种情况(示例3);
[_______________________________]
[_______________________________]
[_______________________________]
我们想发生的是(示例3);
[_________][_________][_________]
我们已经尝试了文档中的所有当前选项。
slickOptions: {
slidesToShow: 9,
slidesToScroll: 9,
rows: 1,
swipeToSlide: true,
infinite: true,
variableWidth: true,
}