2015-11-06 102 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/ –