光滑的滑块末端有空幻灯片

Question

我有一个光滑的滑块，在滑块的末尾有空幻灯片。

我在幻灯片的末尾有10张以上的图片我正在空白幻灯片。

acquire()

<div class="responsive slider">
    <div class=""><img src="brands/1.png"/></div>
    <div class=""><img src="brands/2.png"></div>
    <div class=""><img src="brands/3.png"/></div>
    <div class=""><img src="brands/4.png"></div>
    <div class=""><img src="brands/5.png"/></div>
    <div class=""><img src="brands/6.png"></div>
    <div class=""><img src="brands/7.png"/></div>
    <div class=""><img src="brands/8.png"></div>
    <div class=""><img src="brands/9.png"/></div>
    <div class=""><img src="brands/10.png"></div>
</div>

我正在使用slick slider plugin。

Answer 1

首先您的图片数量不超过10张，但正好是10张。

其次这是因为你有slidesToShow: 4所以很明显4张图片的最后一部分会有两张空白幻灯片，因为10张不会被4分掉。

<强>解决方案

将图像数量设置为4或更改为slidesToShow，以便图像数量可以按新值排除。

Answer 2

您还可以将选项infinite更改为true，这样两张克隆的幻灯片（两张第一张幻灯片）就会填满空白区域。