【jquery】slickなどでページ表示毎にランダムに開始スライドを設定する方法

slickオプションの初期表示指定の

initialSlide:○

に数値をランダムに入れるメソッドを使う

var seed = Math.random();
var randKv = seed ? Math.ceil(seed * 3 ) – 1 : 0;

seed*3←この数字が全体のスライド数

「0」が1枚めなので「-1」して「: 0」も含む書き方してます。

var seed = Math.random();
var randKv = seed ? Math.ceil(seed * 3 ) – 1 : 0;
$('.slick').slick({
initialSlide:randKv
});

この書き方ならslickじゃなくても他のものにも応用できそうな便利なメソッドです！