计算了slick.js幻灯片的宽度在哪里?

时间:2017-09-25 09:41:10

标签: javascript jquery html css slick.js

我尝试使用光滑的初始设置'variableWidth:true',但旋转木马容器(.slick-track)设置为20000px宽并且不响应屏幕宽度,因此每张幻灯片的宽度不是响应或者。 所以,要清楚,'variableWidth:true'对我没用。

我在这里看到了这些问题:

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

在这里:

fixed width slides with slick carousel

但我不想将每张幻灯片的宽度设置为固定的像素数量;他们需要做出回应。

我真的想知道幻灯片的宽度在哪里计算,当'variableWidth'保留为默认值'false'时;旋转木马非常接近看起来正确(每张幻灯片只需略微宽一些)。我一直在浏览slick.js插件,但无法找到作为css应用的'width'的引用。

插件中有几个对'px'的引用,但这些都与填充或位置有关。

有没有人知道'slick.js'代码中的位置或方式,计算轮播幻灯片的宽度,当'variableWidth'设置为false?

感谢。

1 个答案:

答案 0 :(得分:0)

如果对你来说太晚了,也许这会对其他人有所帮助。 我只是潜入代码,因为我也在寻找这个。

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

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