需要一個jQuery的滑塊，可以隨機順序滾動多個div

我需要在我的網站上有一個jQuery滾動/滑塊，可以隨機順序滾動多個div。需要一個jQuery的滑塊，可以隨機順序滾動多個div

例如：我有幾個div的，如：

<div> 
    <div> Div 1</div> 
    <div> Div 2</div> 
    <div> Div 3</div> 
    <div> Div 4</div> 
    <div> Div 5</div> 
    <div> Div 6</div> 
<div>

而且我希望他們不斷，但隨機順序自動滾動。像：

------------------------------------------------ 
<-- Div 3 | Div 6 | Div 1 | Div 5 | Div 2 --> 
------------------------------------------------

P.S：我已經嘗試內容滑塊一樣光滑滑塊，滾輪ALS，平滑滾動股利和循環jQuery的旋轉木馬。但他們中沒有一個具有隨機滑動功能。

任何幫助將不勝感激！

謝謝！

來源

2016-02-25 Jane Watson

somthing like this http://ryrych.pl/rcarousel/examples/multi.html？ –

它有一些我可以用來隨機顯示div的功能嗎？ –

是的，它是一個傳送帶，您可以在傳送帶內使用HTML並指定要移動的方向。實際上，我提供的鏈接是一個示例，您可以從該頁面的頂部導航到其文檔並探索更多功能。我認爲這將符合你的要求 –

確實，光滑的旋轉木馬現在沒有像您描述的功能，但是您可以使用某些方法和事件輕鬆地進行模擬。您可以使用類似於：

var total = $（'。slick-slideshow img'）。length， rand = Math.floor（Math.random（）* total）; （'。slick-slideshow'）。slick（{}）。slickGoTo（rand）;

每次重新加載頁面時顯示不同的幻燈片。或者你可以在Next和Prev按鈕上插入一些代碼，並且每次使用隨機索引的slickGoTo函數。

來源

2016-02-25 23:22:24 Yoan

需要一個jQuery的滑塊，可以隨機順序滾動多個div

回答

相關問題