jquery - Flexslider 从随机幻灯片开始，然后继续按顺序加载

Question

我正在使用 Flexslider - http://www.woothemes.com/flexslider/我有一个 slider 设置，里面有 37 张幻灯片(是的，我知道这很荒谬)。我需要一种方法，当页面加载时，它会随机选择幻灯片 1 和幻灯片 37 之间的一张幻灯片，然后从那里继续按顺序继续。

例如:

页面加载并随机选择幻灯片 # 17。幻灯片 17 之后出现的下一张幻灯片应该是 18，然后是 19，然后是 20，依此类推。

下次加载页面时，它会随机选择另一张幻灯片。假设这次加载 29。下一张幻灯片应该是 30，然后是 31，然后是 32，依此类推...

到目前为止，我已经弄清楚了逻辑，我知道我需要一种方法来首先让 Flexslider 计算当前 slider 中的幻灯片数量。然后我需要获取该数字并在 slider 中的幻灯片 1 到 X 之间选择一个随机数。

我在 Flexslider 网站上找到了一些代码:

start: function(slider) {
  $('.total-slides').text(slider.count);
},

据我所知，它为您提供了幻灯片的数量，但从这里我不知道该怎么做才能将随机数传递给

startAt: 0,

选项。

这是我当前的 flexslider jquery

    jQuery( document ).ready( function( $ ) {
        $('.flexslider').flexslider({
            animation: "slide",
            useCSS: false,
            controlNav: false,
            slideshow: false,
            start: function(slider) {
                $('.total-slides').text(slider.count); // This gets the number of slides in the slider
              },
              startAt: 0, //This should be a random number
        });
    });

Answer 1

使用上面的代码设置变量是可行的，然后您可以调用该变量。

$(窗口).load(函数(){

var randomthis = Math.floor((Math.random()* $('.flexslider li').length )+1);

$('.flexslider').flexslider({
  animation: "slide",
  useCSS: false,
  controlNav: false,
  slideshow: false,
  startAt: randomthis

});

});