2015-11-06 238 views
0

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

} 
+0

阅读文档。会有一些选项丢失,比如'auto play:false'或类似的。 – morels

+0

这个小提琴示例应该会告诉你你需要什么:http://jsfiddle.net/qwawfkmj/1/ – JensB

+0

@JensB你的代码不起作用,问题仍然存在。 –

回答

3

此问题的发生是由于处理所用油滑滑块时间。创建滑块需要一些时间,直到图像显示为止。

+0

你知道我可以如何防止这个问题吗?或者你能给我一些建议,以使用另一个响应式jQuery滑块? –

+0

您可以使用bx滑块http://bxslider.com/ –