时间戳

首页 > 解决方案 > 删除 Slick Slider 淡入淡出过渡上的白色闪光

javascript - 删除 Slick Slider 淡入淡出过渡上的白色闪光

问题描述

有没有办法在使用淡入淡出时删除出现的 FLASH：真？我的意思是我知道幻灯片的不透明度在更改时得到 0 和 1，并且有一个点，两张幻灯片的不透明度都为 0.5，因此您可以看到背景（白色），这使得过渡感觉就像有一个白色闪烁。我想不出办法去除“白色闪光”，而是给背景另一种颜色。但这仍然会发出闪光，但是是另一种颜色。

提前致谢， 马克 

  $('.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>

标签： javascriptjqueryhtmlcssslick.js

解决方案

让我们试试这个css：transition: transform 5s ease, opacity 1s ease-out;

推荐阅读