在光滑的滑块中显示instagram样式点

Question

我正在使用光滑的滑块来显示很多滑块项目。 我还需要使用点来显示项目的位置。 目前，有很多点，我想要像Instagram一样显示点。

这就是我的意思：

应该始终可以看到最多6个点。从左侧的第一个开始。

有没有办法在中间加上4个点？目前我只能通过它的类slick-active来处理活动点。但是我需要活动点之前和之后的点。

这是我的实际滑块代码：https://codepen.io/cray_code/pen/ZrKpWY

Answer 1

我已经用jQuery开发了Instagram Stick滑块。 您可以在此链接中使用。 https://github.com/SolvingMan/Instagram-Stick-Slider-jQuery

实时演示：

• https://140.82.58.117/tingshop/

• http://bullsrvr.com/slider/demo/

Answer 2

您可以使用jquery的prev和next函数来访问prevoius和next元素。

我已在此处更新了您的codepen示例：link

$('li.slick-active').prev().css('background-color', 'red');
$('li.slick-active').next().css('background-color', 'orange');