javascript - 如何删除 Slick slider 默认的滑动计时？

Question

我的 Slick slider 实现在每次页面重新加载后都会显示所有幻灯片 1 秒，我想将其删除。我怎样才能解决这个问题？下面你可以看到我的代码:

HTML:

<div class="big-box">
  <div class="slick-slides">
    <img src="img/Slider/sliderbild_home_1.jpg">
    <div class="slider-flag">
      <h2>Dinner mit Freunden Geplant?</h2>
      <br />
      <h1><a href="reservation.html">Tisch reservieren</a></h1>
    </div>
  </div>

  <div class="slick-slides">
    <img src="img/Slider/sliderbild_home_2.jpg">
    <div class="slider-flag">
      <h2>Dinner mit Freunden Geplant?</h2>
      <br />
      <h1><a href="reservation.html">Tisch reservieren</a></h1>
    </div>
  </div>

  <div class="slick-slides">
    <img src="img/Slider/sliderbild_home_3.jpg">
    <div class="slider-flag">
      <h2>Dinner mit Freunden Geplant?</h2>
      <br />
      <h1><a href="reservation.html">Tisch reservieren</a></h1>
    </div>
  </div>
</div>

JS:

$(document).ready(function(){
  $('.big-box').slick({
    autoplay: true
  });
});

自定义CSS:

 .slick-slider{
   margin-bottom: 0px;
 }

.slick-slides{
    position: relative;

}

Answer 1

出现此问题的原因是光滑 slider 占用的处理时间。创建 slider 需要一些时间，直到图像按原样显示。