イメージを読み込んだときに積み重ねる - Slick

Question

クライアントプロジェクトには滑らかなスライダが使用されていますが、これまで完全に動作していますが、何か気づいたことがあります。バグか紛失何か。

滑らかなスライダが読み込まれると、スライダ全体がビューポートに表示される直前に、スライダが正しくロードされ、ページのスライダの半分の位置にスタックされます。その後、スライダ全体がビューポートに表示され、どのようにすべきかにジャンプします。ほとんどの場合、スライダは自己を再スライスします。以下は

は、私は、様々な場所で読むと、このリンク Github link for same issue

を発見したhere

$('.css_slider').slick({ 
    infinite: true, 
    speed: 500, 
    fade: true, 
    cssEase: 'linear', 
    autoplay: true, 
    autoplaySpeed : 8000, 
    adaptiveHeight: true, 
    dots: true 
}); 

と画像はリンクのようにのように見える私のスリックスライダーのためのコードですが、それはないです私のために働く。私はまだ同じ醜い効果を得ています。

DOMがロードされるまで、あなたが機能を遅らせたことがあります

Answer 1

を提案してください？

$(window).load(function() { 
    $('.css_slider').slick({ 
    infinite: true, 
    speed: 500, 
    fade: true, 
    cssEase: 'linear', 
    autoplay: true, 
    autoplaySpeed : 8000, 
    adaptiveHeight: true, 
    dots: true 
    }); 
}); 

か、それが動作しない場合：

setTimeout(function(){ 
    $('.css_slider').slick({ 
    infinite: true, 
    speed: 500, 
    fade: true, 
    cssEase: 'linear', 
    autoplay: true, 
    autoplaySpeed : 8000, 
    adaptiveHeight: true, 
    dots: true 
    }); 
}, 2000)