jQuery滑塊開始位置

前段時間我從某個網站複製了一些滑塊代碼。找不到它現在在哪裏。該代碼是：jQuery滑塊開始位置

slides.min.jquery.js 

$(function(){ 
    $('#slides').slides({ 
     preload: true, 
     play: 12000, 
     pause: 8000, 
     hoverPause: true, 
     generatePagination: false 
    }); 
});

該滑塊效果很好。但是，我現在的問題是，我希望滑塊從隨機滑動位置開始。例如，它可以從幻燈片5或幻燈片3或幻燈片4隨機開始;在每次刷新。

任何幫助？

來源

2012-12-05 J K

它出現在您的使用slide.js該文檔指定您可以通過在設置中包含start屬性來設置開始幻燈片。

$(function(){ 
    var EXCLUSIVE_UPPER_BOUNDS = 5; //adjust for your app 
    $('#slides').slides({ 
     preload: true, 
     play: 12000, 
     pause: 8000, 
     hoverPause: true, 
     generatePagination: false, 
     start: Math.floor(Math.random()* EXCLUSIVE_UPPER_BOUNDS) 
    }); 
});

來源

2012-12-05 09:56:00

噢，是的，這個工程很好。不需要那個分號（;）雖然。謝謝。 –

@JK很高興，我可以幫助，很好地捕捉到半，我修改瞭解決方案來反映。 –

假設你的幻燈片元素都是'＃幻燈片元素的子元素，你可以使用'$（'＃slides）。children（）。length'計算上限。 –

在每次頁面加載時，以隨機順序回放滑塊。或者您可以按照隨機順序對它們進行排序，然後再將它們放在父容器中。然後使用您的JavaScript來啓動滑塊。

例如：

<div id='slides' > 
<img src='image_a' /> 
<img src='image_b' /> 
<img src='image_c' /> 
<img src='image_d' /> 
</div>

這是微不足道的這種轉換爲：

<div id='slides' > 
<img src='image_b' /> 
<img src='image_a' /> 
<img src='image_d' /> 
<img src='image_c' /> 
</div>

使用DOM操作或在後臺腳本洗牌。

來源

2012-12-05 09:55:24 DhruvPathak

jQuery滑塊開始位置

回答

相關問題