【问题标题】:How to remove Slick slider default slide timing?如何删除 Slick 滑块的默认滑动时间?
【发布时间】:2015-11-06 08:29:14
【问题描述】:

我的 Slick 滑块实现在每次页面重新加载后显示所有幻灯片 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;

}

【问题讨论】:

  • 阅读文档。会缺少一些选项,例如auto play:false 或类似的..
  • 这个小提琴例子应该告诉你你需要什么:jsfiddle.net/qwawfkmj/1
  • @JensB 您的代码不起作用,问题仍然存在。

标签: javascript jquery slider carousel slick.js


【解决方案1】:

这个问题是由于光滑滑块的处理时间造成的。创建滑块需要一些时间,直到您的图像按原样显示。

【讨论】:

  • 你知道我可以如何防止这个问题吗?或者你能给我一些建议来使用另一个响应式 Jquery 滑块吗?
猜你喜欢
  • 2020-10-29
  • 2018-06-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-10-17
  • 2013-12-29
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多