Remove white flash on Slick Slider fade transition

is there a way to remove the appearing FLASH, when using fade: true? I mean I understand that the opacity of the slides get 0 and 1 when changing and there is a point, where both slides have 0.5 opacity, so that you can see the background (white), that makes the transition feel like there is a white flashing. I can not think of a way to remove the “white flash”, but giving the background another color. But that still gives a flash, but in another color.

Thanks in advance, Marc

  $('.home-slider').slick({
    draggable: true,
    autoplay: true,
    autoplaySpeed: 500,
    dots: true,
    fade: true,
    speed: 800,
    infinite: true,
    cssEase: 'ease-in-out',
    touchThreshold: 100
  })
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" rel="stylesheet"/>



<div class="slideshow">
  <div class="home-slider">
    <div class="item">
      <img src="https://placeimg.com/640/480/nature" />
    </div>
    <div class="item">
      <img src="https://placeimg.com/640/480/animals" />
    </div>
  </div>
</div>

36 thoughts on “Remove white flash on Slick Slider fade transition”