光滑的旋转木马空白

Question

我设置了一个叠加光滑的旋转木马，所以当你点击图像时会出现一个更大的旋转木马，所选图像作为initialSlide。然而，Slick轮播在initialSlide之后添加了几张空白幻灯片。只有当您从第三张幻灯片开始单击下一个时，才会显示空白。单击上一个按钮时，不会显示空白幻灯片。我做错了什么？

if (i==localStorage.length){ i=1; }

Answer 1

Jquery attr()函数返回一个字符串值。当您将其传递给光滑的构造函数时，它会将其转换为不同的数字。

添加一个简单的Number()函数将索引更改为数字可以解决您的问题。只需在我放置的线之间放置以下中间线：

var index = $(this).attr("data-slick-index");
index = Number(index);
$(".overlay-carousel-container").css("display", "block");

Answer 2

这个答案适用于那些正在苦苦挣扎的人，因为我也遇到了很多问题，即使看起来很容易，但我发现它有很多限制。

1. 很老
2. 要提到完全相同的外观需要CSS（SCSS），这在开发中很难做到，作为一个新用户，我意识到它已经很晚了。或者你不能轻易获得具有相同外观的点和箭头。
3. 其他一些问题，例如提到here的问题和其他我在堆栈流程中找到的问题。

我采用的类似过程中最好的就是这里提到的那个 这是最新的 并附带一个简单的tutorial

推荐给新手初学者。