根据断点删除浮动上的最后一张幻灯片

Question

我真的不喜欢JS，所以我搜索了很多内容，但没有找到解决方案，所以我需要求你的帮助。

我有光滑的滑块和5个断点。由于疯狂的定位，我必须在最后包括空幻灯片。这适用于我显示5张幻灯片的桌面，所以我最后需要4张空幻灯片。但是在1500的第一个断点上我改为4张幻灯片来显示。不，我需要删除最后一张（空）幻灯片。

在1200我需要删除另一个。 在900另一个等等。

所以，我在找什么：

断点1500或更少 - 删除最后一张幻灯片， 断点1200或更少 - 删除最后2张幻灯片， 断点900或更少 - 删除最后3张幻灯片， 断点600或更少 - 删除最后4个幻灯片

如果有人可以帮助我的话会很棒。 非常感谢！

目前我所拥有的是：

（文档）$。就绪（函数（）{

var docWidth = $( document ).width();
var winWidth = $(window).width();


if(docWidth>500 && docWidth<700 )
{
  $('.slider').slick('slickRemove',4);
}

}）;

现在幻灯片4在500和700之间被移除。（不要介意断点500/700，这只是一个测试）

但幻灯片的数量每天都在变化。所以我需要从最后一项开始倒计时。我试过了

$（＆＃39; .slider＆＃39;）。slick（＆＃39; slickRemove＆＃39;，slideIndex - 1）;

每次都选择最后一个，但它不起作用。

在这里看到我的小提琴： https://jsfiddle.net/ug87nb8d/