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

【问题标题】：Need a jquery slider that can scroll multiple divs in a random order需要一个可以以随机顺序滚动多个 div 的 jquery 滑块
【发布时间】：2016-02-26 07:22:24
【问题描述】：

我需要在我的网站上有一个可以随机滚动多个 div 的 jQuery 滚动条/滑块。

例如：我有几个 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：我已经尝试过像 slick slider、ALS Scroller、Smooth Div Scroll 和 cycle jquery carousel 这样的内容滑块。但没有一个具有随机滑动特性。

任何帮助将不胜感激！

谢谢！

【问题讨论】：

类似ryrych.pl/rcarousel/examples/multi.html ?
它有一些我可以用来随机显示 div 的功能吗？
是的，它是一个轮播，您可以在轮播中使用 HTML 并指定要移动的方向。实际上，我提供的链接是一个示例，您可以从该页面顶部导航到其文档并探索更多功能。我认为这将满足您的要求

标签： jquery jquery-cycle slick.js jquery-slider

【解决方案1】：

确实，slick carousel 现在没有您描述的功能，但是您可以使用一些方法和事件轻松地模拟它。你可以使用类似的东西：

var total = $('.slick-slideshow img').length, rand = Math.floor(Math.random() * total );

$('.slick-slideshow').slick({}).slickGoTo(rand);

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

【讨论】：