javascript - slick.js 幻灯片的宽度在哪里计算？

Question

我试过使用 slick 初始设置 'variableWidth: true'，但是轮播容器 (.slick-track) 设置为 20000px 宽并且不响应屏幕宽度，所以每张幻灯片的宽度不是 react 灵敏。 所以，要明确一点，'variableWidth: true' 对我没有用。

我在这里看到了问题:

How can I change the width and height of slides on Slick Carousel?

在这里:

fixed width slides with slick carousel

但我不想将每张幻灯片的宽度设置为固定的像素量；他们需要使用react。

当“variableWidth”保留为默认值“false”时，我真的很想知道幻灯片的宽度是在哪里计算的；旋转木马非常看起来很接近正确(每张幻灯片只需要稍微宽一点)。我一直在查看 slick.js 插件，但找不到对作为 css 应用的“宽度”的引用。

插件中有多个对“px”的引用，但这些与填充或位置有关。

有谁知道在“slick.js”代码中的何处或如何计算旋转木马幻灯片的宽度，当“variableWidth”设置为 false 时？

谢谢。

Answer 1

如果对您来说为时已晚，也许这会对其他人有所帮助。我只是深入研究了代码，因为我也在寻找它。

每张幻灯片的宽度在 setDimensions() 函数的最后一行设置。 (圆滑的 1.8.1)

if (_.options.variableWidth === false)
    _.$slideTrack.children('.slick-slide').width(_.slideWidth - offset);