Javascript 填写另一张幻灯片上的空行

我有一个在我的滑块2行3个图像，然后我想在第二张幻灯片上显示其他图像，以填补从第一个图像开始的空行

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

$(document).ready(function(){
$('.responsive').slick({
dots: true,
infinite: true,
slidesPerRow: 3,
rows: 2, 
slidesToScroll: 1,
});
});

$（文档）.ready（函数（）{
$（'.responsive'）。光滑({
点：是的，
无限：是的，
幻灯片错误：3，
行：2，
幻灯片滚动：1，
});
});