Jquery 滑动转盘：在centerMode上显示所有项目

我正在使用圆滑的旋转木马和中心模式。有没有办法显示所有项目？我不希望他们在屏幕上被过度隐藏

我正在使用这些简单的选项：

$('.your-class').slick({
  centerMode: true,
  slidesToShow: 2,
  slidesToScroll: 2
});

---

您可以将“slidesToShow”设置为0，以便一次显示所有幻灯片

但是，正如上面所评论的，“它没有滑动的滑块功能”

---

您可以将“slidesToShow”设置为0，以便它一次显示所有幻灯片

但是，正如上面所评论的，“它没有滑动的滑块功能”

---

您可以创建一个隐藏的输入字段并使用滑块数组计数填充其值，然后您可以在js中提取字段值并将其传递给slidesToShow选项（注意：不要忘记将值从字符串转换为整数！）

//获取输入值，即所有幻灯片的计数
const slidescont=document.getElementById（'slides_count'）。值；
$（'.photo\u gallery\u slider'）。光滑({
幻灯片放映：1，
幻灯片滚动：1，
箭头：是的，
是的，
asNavFor:“.滑块导航”
});
$（'.slider nav'）。光滑({
//使用自己的逻辑将值设置为slidesToShow选项，或者只需传递
前面带+的变量，它是将字符串解析为
整数。
幻灯片显示：（5>=+幻灯片计数？+幻灯片计数：5），
幻灯片滚动：1，
asNavFor:“.photo_gallery_slider”，
点：错，
箭头：错，
centerMode:false，
焦点选择：正确
});

您可以创建一个隐藏的输入字段并使用滑块数组计数填充其值，然后您可以在js中提取字段值并将其传递给slidesToShow选项（注意：不要忘记将值从字符串转换为整数！）


//获取输入值，即所有幻灯片的计数
const slidescont=document.getElementById（'slides_count'）。值；
$（'.photo\u gallery\u slider'）。光滑({
幻灯片放映：1，
幻灯片滚动：1，
箭头：是的，
是的，
asNavFor:“.滑块导航”
});
$（'.slider nav'）。光滑({
//使用自己的逻辑将值设置为slidesToShow选项，或者只需传递
前面带+的变量，它是将字符串解析为
整数。
幻灯片显示：（5>=+幻灯片计数？+幻灯片计数：5），
幻灯片滚动：1，
asNavFor:“.photo_gallery_slider”，
点：错，
箭头：错，
centerMode:false，
焦点选择：正确
});

你指的是旋转木马中的所有幻灯片？或者n张幻灯片只显示三张？如果您希望所有幻灯片都显示，请参考此内容-这是slick slider的一个现有问题。我的意思是，如果我总共有8张幻灯片，我只想居中显示2张，其余的在slick track上显示。我理解，但您不能使用slick slider一次显示所有幻灯片。这将删除滑动的滑块功能是的，我知道。我知道这会很棘手，但我正在尝试对溢出分区应用不透明度。我会很快发布我的解决方法。你是说旋转木马中的所有幻灯片？或者n张幻灯片只显示三张？如果您希望所有幻灯片都显示，请参考此内容-这是slick slider的一个现有问题。我的意思是，如果我总共有8张幻灯片，我只想居中显示2张，其余的在slick track上显示。我理解，但您不能使用slick slider一次显示所有幻灯片。这将删除滑动的滑块功能是的，我知道。我知道这会很棘手，但我正在尝试对溢出分区应用不透明度。我将很快发布解决方案。这会导致chrome选项卡因“Aw snap”错误而崩溃。这会导致chrome选项卡因“Aw snap”错误而崩溃。
$('.your-class').slick({
  centerMode: true,
  slidesToShow: 0,
  slidesToScroll: 2
});