2017-07-14 20 views
0

水平方向のタイムラインスライダjqueryでは、デフォルトでは正しい方向にしたいと考えています。今の写真のように、2015年の価格は右です。私は2017年の価格は、デフォルトおよびユーザーによって選択され、最も右が私のコード水平方向のタイムラインスライダを右向きにする方法

$('.timeLine-slider').slick({ 
dots: true, 
infinite: false, 
speed: 300, 
slidesToShow: 4, 
slidesToScroll: 4, 

}); 
+1

私は – VilleKoo

+1

が更新さを見ることはできませんお願いします任意の例:) –

+1

がinitialSlideと滑らかなスライダー – Phantom

答えて

1

initialSlideオプションを使用し

enter image description here

を左にスクロールできることをしたいです。

$(document).ready(function() { 
 
    $('.timeLine-slider').slick({ 
 
    dots: true, 
 
    infinite: false, 
 
    speed: 300, 
 
    slidesToShow: 4, 
 
    slidesToScroll: 4, 
 
    initialSlide: 4 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<script src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script> 
 
<link href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css" rel="stylesheet" /> 
 

 
<div class="timeLine-slider"> 
 
    <div>2010</div> 
 
    <div>2011</div> 
 
    <div>2012</div> 
 
    <div>2013</div> 
 
    <div>2014</div> 
 
    <div>2015</div> 
 
    <div>2016</div> 
 
    <div>2017</div> 
 
</div>

関連する問題