2017-05-30 74 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