カルーセル用に読み込まれる一連の画像があり、うまく機能します。問題は、ページが読み込まれるたびに、カルーセルが同じ画像で開始されることです。
開始点をランダム化する最良の方法は何ですか?また、クレジットを追加するために、画像シーケンスをランダム化するにはどうすればよいですか?
jsFiddleでのサンプル セットアップを次に示します。
カルーセル用に読み込まれる一連の画像があり、うまく機能します。問題は、ページが読み込まれるたびに、カルーセルが同じ画像で開始されることです。
開始点をランダム化する最良の方法は何ですか?また、クレジットを追加するために、画像シーケンスをランダム化するにはどうすればよいですか?
jsFiddleでのサンプル セットアップを次に示します。
これが私が思いついたものです。@codemonkeyは、ランダムスタートについて同じ考えを持っていました。
$('.item').eq(Math.floor((Math.random() * $('.item').length))).addClass("active");
(範囲内の) 乱数を生成し、常に最初のアイテムに設定するのではなく、動的に div アイテムに 'active' 属性を設定します。
表示される次の画像をランダム化するには、再び乱数を生成し、.carousel(number)
その画像にジャンプするために呼び出します。