我有一系列的圖片可以加載一個旋轉木馬,而且效果很好。問題在於,每當頁面加載時,輪播在相同的圖像上啓動。如何隨機化twitter引導傳送帶中的圖像?
什麼是隨機化起點的最佳方式,對於額外的功勞,我該如何隨機化圖像序列?
以下是jsFiddle上的示例設置。
我有一系列的圖片可以加載一個旋轉木馬,而且效果很好。問題在於,每當頁面加載時,輪播在相同的圖像上啓動。如何隨機化twitter引導傳送帶中的圖像?
什麼是隨機化起點的最佳方式,對於額外的功勞,我該如何隨機化圖像序列?
以下是jsFiddle上的示例設置。
這是我想出來的。 @codemonkey曾經爲隨機啓動同樣的想法:
$('.item').eq(Math.floor((Math.random() * $('.item').length))).addClass("active");
生成一個隨機數(在您的範圍內),並動態設置div項的'active'屬性,而不是始終將其設置爲第一項。
要隨機化顯示的下一個圖像,請再次生成一個隨機數並呼叫.carousel(number)
跳轉到該圖像。
還去除活動類:$( '項目 ')removeClass(' 主動')EQ(Math.floor((的Math.random( )* $('。item')。length)))。addClass(「active」); – lafeber