0

前段时间我从某个网站复制了一些滑块代码。现在找不到了。代码是：

slides.min.jquery.js

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

滑块效果很好。但是，我现在的问题是，我希望滑块从随机滑动位置开始。例如，可以随机从第 5 张幻灯片开始，也可以从第 3 张幻灯片开始，也可以从第 4 张幻灯片开始；每次刷新。

有什么帮助吗？

4

2 回答 2

2

看来您使用slide.jsstart文档指定您可以通过在设置中包含该属性来设置开始幻灯片。

$(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)
    });
});
于 2012-12-05T09:56:00.107 回答
0

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

例如。：

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

将其转换为：

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

在后端脚本中使用 DOM 操作或改组。

于 2012-12-05T09:55:24.930 回答