Javascript 滑动js旋转木马在页面加载时闪烁

我已经用一个简单的HTML+Bootstrap+Slick JS carousel建立了一个简单的示例

<script type="text/javascript">
  $(document).ready(function(){
    $('.carousel').slick({
      slidesToShow: 1,
      slidesToScroll: 1,
      autoplay: true,
      autoplaySpeed: 2000,
    });
  });
</script>

问题是，每次页面开始加载时，光滑的js旋转木马就会发出令人讨厌的闪烁/闪烁

我在这里举了一个例子：

我已经验证，加载的脚本顺序是正确的。这是我怎么称呼旋转木马的

<script type="text/javascript">
  $(document).ready(function(){
    $('.carousel').slick({
      slidesToShow: 1,
      slidesToScroll: 1,
      autoplay: true,
      autoplaySpeed: 2000,
    });
  });
</script>

你知道我还能试什么吗

---

谢谢

您的代码是正确的，我在slick carousel演示页面上看到了相同的问题@Johann在您的脚本中有一个代码“$（'.carousel'）.fadeIn（）”`before

carousel

init。验证这是否导致了问题。在代码< >代码> init < /代码> >代码> >自动播放> <代码> >之后，您可能需要考虑的是图像加载时间。图像应在显示旋转木马之前加载。我建议对图像进行异步加载。看看它是否适合你。