Question

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

slides.min.jquery.js

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

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

任何帮助？

Answer 1

使用slide.js文档指出您可以通过在设置中包含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)
    });
});

Answer 2

在每个页面加载时以随机顺序回显滑块幻灯片。或者您使用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操作或混洗。

jQuery滑块起始位置

2 个答案: