使用jQuery循環的加權隨機順序

有沒有一種使用jQuery循環根據權重來隨機化幻燈片的好方法？使用下面的標記（我接受其他的建議）：使用jQuery循環的加權隨機順序

<div id="carousel"> 
    <div title="Slide no. 1" data-weight="50"><h2>1</h2></div> 
    <div title="Slide no. 2" data-weight="25" class="first"><h2>2</h2></div> 
    <div title="Slide no. 3" data-weight="25"><h2>3</h2></div> 
</div>

我想顯示幻燈片的時間1 50％和幻燈片的時間2 & 3 25％。有沒有一種體面的方式可以使用'before'選項排隊下一張幻燈片？

非常感謝。

來源

2012-02-06 knorthfield

鑑於你很有限的情況下，你可以使用使用delay超時您的第一張幻燈片（比如2000年）和幻燈片timeout參數（僅1需要更長的時間幻燈片）2 & 3（在比如說1000）給預期的效果。

週期插件prameters被描述爲：

delay: 0,  // additional delay (in ms) for first transition (hint: can be negative) 
timeout: 4000, // milliseconds between slide transitions (0 to disable auto advance)

雖然我還沒有試過這種，如果你需要的東西更先進的，我懷疑你可以創建爲timeout參數回調。回調會檢查數據權重參數並將其用作權重因子。我懷疑它可以開箱即用，或者只需要對jQuery循環插件稍作修改即可。

來源

2012-02-06 14:15:12 EBarr

謝謝，我提供的用例只是一個例子。權重可以是任何數字（希望加起來可以達到100）。也可能有三個以外的幻燈片。 – knorthfield 2012-02-06 14:22:07

然後我知道的唯一方法就是嘗試超時參數的回調設置。 – EBarr 2012-02-06 14:25:23

使用jQuery循環的加權隨機順序

回答

相關問題