2017-09-25 265 views
0

我曾尝试使用光滑的初始设置'variableWidth:true',但随后旋转木马容器(.slick-track)设置为20000px宽,并且不响应屏幕宽度,因此每个幻灯片的宽度都不响应无论是。 所以,很明显,'variableWidth:true'对我没有用处。slick.js幻灯片的宽度在哪里计算?

我在这里看到了问题:

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

这里:

fixed width slides with slick carousel

,但我不想设定每张幻灯片的宽度作为一个固定的像素量;他们需要有回应。

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

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

有没有人知道在'slick.js'代码中,旋转木马幻灯片的宽度是在什么地方计算的,'variableWidth'设置为false?

谢谢。

回答

0

也许这会帮助其他人,如果它为时已晚。 我刚刚跳入代码,因为我也在寻找这个。

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

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