Stapeln von Bildern beim Laden - Slick

Question

Wir verwenden Slick Slider für ein Kundenprojekt und es hat perfekt funktioniert, aber ich habe etwas bemerkt, ich weiß nicht, ob es ein Fehler oder etwas ist, das ich vermisse etwas.

Wenn der Slick-Slider geladen wird, bevor Sie den gesamten Slider im Ansichtsfenster sehen, wird er nicht richtig geladen und stapelt sich untereinander mit der Hälfte des Sliders der Seite. Dann ist der gesamte Schieberegler im Ansichtsfenster sichtbar, er springt zurück zu dem, wie er sollte, fast so, als hätte er sich selbst wieder gelockert.

Unten finden Sie den Code für mein Slick Slider

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

und Bilder wie Link, wie in aussieht here

ich an verschiedenen Orten gelesen haben und fand diesen Link Github link for same issue

Aber es ist nicht für mich arbeiten. Ich bekomme immer noch denselben hässlichen Effekt.

Bitte vorschlagen

Answer 1

Haben Sie versucht, die Funktion zu verzögern, bis der dom geladen wird?

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

oder, wenn das nicht funktioniert:

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