我尝试使用光滑的初始设置'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?
感谢。
答案 0 :(得分:0)
如果对你来说太晚了,也许这会对其他人有所帮助。 我只是潜入代码,因为我也在寻找这个。
每张幻灯片的宽度都在setDimensions()
函数的最后一行设置。 (Slick 1.8.1)
if (_.options.variableWidth === false)
_.$slideTrack.children('.slick-slide').width(_.slideWidth - offset);