Slick Slider. Warum treten Artefakte auf, wenn vom letzten zum ersten und vom ersten zum letzten verschoben wird?

Question

Warum erscheinen Artefakte, wenn Sie vom letzten zum ersten und vom letzten zum letzten ziehen? Ich habe es mit Swiper Slider versucht, aber es war das gleiche. Liegt es an großen Bildern oder was? Wenn du die Unendlichkeit deaktivierst, wird alles in Ordnung sein, aber ich brauche Unendlichkeit.

Hier ist die JS-Code:

var simpleSliderInner = $(".simple-slider__inner"); 

simpleSliderInner.slick({ 
    prevArrow: "<button class=\"simple-slider__arrow simple-slider__arrow_prev\">" + 
    "<svg class=\"icon icon_sprite_arrow_slider\">" + 
    "<use xmlns:xlink=\"http://www.w3.org/1999/xlink\" xlink:href=\"#sprite_arrow_slider\"></use>" + 
    "</svg>" + 
    "</button>", 
    nextArrow: "<button class=\"simple-slider__arrow simple-slider__arrow_next\">" + 
    "<svg class=\"icon icon_sprite_arrow_slider\">" + 
    "<use xmlns:xlink=\"http://www.w3.org/1999/xlink\" xlink:href=\"#sprite_arrow_slider\"></use>" + 
    "</svg>" + 
    "</button>", 
    dots: true, 
    dotsClass: "simple-slider__dots", 
    responsive: [ 
    { 
     breakpoint: 1024, 
     settings: { 
     arrows: false 
     } 
    } 
    ] 
}); 

Here is codepen.

Here is website

Answer 1

Ok, werde ich Sie auf das Flimmern des Bildes wurden unter Bezugnahme auf annehmen, wenn sie von der ersten Schalt rutsche zur letzten Folie.

Der Grund dafür ist ein Flimmern, das für CSS-Animationen auf Webkit existiert (source 1, source 2). Das erklärt, warum das Problem auch nach dem Wechsel zu einem anderen Slider-Plugin noch sichtbar war.

Ich habe eine updated version of your codepen erstellt, um mit der Lösung zu arbeiten, die in den Quellen vorgeschlagen wird, die ich oben erwähnt habe.

Ich konnte das Problem beheben, indem Sie -webkit-backface-visibility: hidden auf die Slick-Folie-Klasse festlegen.

.slick-slide { 
    -webkit-backface-visibility: hidden; 
} 

Ich hoffe, ich interpretierte Ihre Frage richtig. Prost!

aktualisieren

Scheint, wie dies a problem with the transitions of slick that's been around for quite a while ist und derzeit kein Update hat die für alle funktioniert