2017-05-30 45 views
1

我有一個帶有3個幻燈片的光滑旋轉木馬以顯示,並且保持slidestoscroll爲1.現在,即使我保持無限爲真,我仍然無法獲得任何旋轉木馬。爲光滑旋轉木馬啓用無限循環

我需要它在無限循環上運行。

有人可以幫助這個。 示例代碼

<div style="background: #3498db; padding: 100px; margin: 10px;"> 
 
<div class="large-slick"> 
 
    <div><h1>1</h1></div> 
 
    <div><h1>2</h1></div> 
 
    <div><h1>3</h1></div> 
 
</div>

Jquery: 
 
$('.large-slick').slick({ 
 
     infinite: true, 
 
     speed: 300, 
 
     slidesToShow: 3, 
 
     slidesToScroll: 1, 
 
     arrows: true, 
 
     asNavFor: '.small-slick' 
 
    });

+0

我覺得這可以b e涉及到一個問題:https://github.com/kenwheeler/slick/issues/2234。嘗試將'slidesToShow'設置爲'1' – Clijsters

回答

0

只需添加自動播放:真,到您的jQuery http://kenwheeler.github.io/slick/

+0

我不希望傳送帶自動運行,它只能在點擊箭頭時移動。 – Avles

+0

您是否將slick.js添加到您的標題中?你能否提供更多的代碼?您在控制檯中遇到什麼樣的錯誤? –

+0

雅我已包括,我唯一的疑問是因爲我沒有第四張幻燈片沒有得到旋轉木馬。我嘗試添加第四張幻燈片,我發現傳送帶工作正常。 – Avles