滑りやすいスライダーを読み込み中にジャンプする方法

Question

adaptiveHeight属性がfalseに設定された滑らかなスライダーがあります。それで、滑らかなコンテナの最初のスライドに小さな画像がある場合、それは垂直にセンタリングされ、左の領域は背景色で塗りつぶされます（this imageなど）。

slickが読み込まれる前に滑らかなスライダ領域の高さを計算して、負荷の「ジャンプ」を防ぐにはどうすればよいですか？誰もが知っている、どのように滑らかな滑らかな容器の画像の高さと幅を計算する？何か案は？

Answer 1

ImagesLoadedのようなプラグインで滑らかに包み込むことで、Slickを初期化する前に画像の高さを確認できます。これが作成するスタイルのない画像のフラッシュをしたくない場合は、最初に非表示にするスタイルを適用する必要があります（たとえば、画面の左側から絶対的に配置するなど）。 、のようなもの：

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