如何修复负载上的滑动滑块跳跃图像

Question

我有滑动的滑块，adaptiveHeight属性设置为false。所以，如果我在光滑的容器第一张幻灯片中有小图像 - 它将垂直居中，左侧区域将填充背景色（如this image）。

我怎样才能计算光滑的滑块面积高度之前加载，以防止'跳'负载？有谁知道，光滑的容器中光滑的图像高度和宽度是如何计算的？有任何想法吗？

Answer 1

你可以用像ImagesLoaded这样的插件来包装光滑，以确保你的图像在初始化Slick之前有一个高度。如果你不想要这些将创建的无风格图像的闪光，你需要应用一些样式来最初隐藏它们（例如，将它们完全放在屏幕的左侧），然后在加载图像时删除这些样式，像这样：

$('#slider').imagesLoaded(function() { 
    // remove your hiding class 
    // initialise slick 
});