Javascript jQuery滑块起始位置

不久前，我从某个网站复制了一些滑块代码。现在找不到它在哪里。 代码是：

slides.min.jquery.js

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

滑块工作正常。但是，我现在的问题是，我希望滑块从随机滑动位置开始。例如，它可以随机从幻灯片5、幻灯片3或幻灯片4开始；每次刷新时

---

有什么帮助吗？

在每次加载页面时，按随机顺序回显滑块幻灯片。 或者，您可以使用DOM操作以随机顺序对它们进行排序，然后再次将它们放置在其父容器中。 然后使用javascript启动滑块

例如：

将其转换为以下内容并不重要：

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

在后端脚本中使用DOM操作或洗牌。

使用文档可以指定您可以通过在设置中包含

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)
    });
});

---

哦，是的，这很有效。不过不需要那个分号（；）。谢谢。@JK很高兴，我能帮忙，很好地掌握了这个分号，我修改了解决方案以反映。假设您的幻灯片元素都是

#slides

元素的子元素，您可能可以用

$（“#slides'）.children（）计算上界。长度

。

$(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)
    });
});