需要一个可以随机顺序滚动多个 div 的 jquery 滑块

Question

我需要在我的网站上有一个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 -->
------------------------------------------------

PS：我已经尝试过内容滑块，如光滑滑块，ALS滚动器，平滑div滚动和循环jquery轮播。但是它们都没有随机滑动功能。

任何帮助将不胜感激！

谢谢！

Answer 1

确实，光滑的轮播现在没有您描述的功能，但是您可以使用某些方法和事件轻松模拟它。您可以使用以下内容：

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

$（'.

slick-slideshow'）.slick（{}）.slickGoTo（rand）;

每次重新加载页面时显示不同的幻灯片。或者，您可以在"下一个"和"上一个"按钮上插入一些代码，并每次都使用带有随机索引的slickGoTo函数。