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

时间:2016-02-25 12:03:04

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

我需要在我的网站上有一个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:我已经尝试了内容滑块,如光滑滑块,ALS Scroller,Smooth Div Scroll和循环jquery轮播。但是他们没有随机滑动功能。

非常感谢任何帮助!

谢谢!

1 个答案:

答案 0 :(得分:0)

现在,光滑的轮播确实没有您描述的功能,但是您可以使用某些方法和事件轻松模拟它。 你可以使用类似的东西:

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

( '油滑幻灯片')

$浮油({})slickGoTo(RAND);

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