【发布时间】: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