Jquery Flexslider从随机幻灯片开始,然后继续按顺序加载

Jquery Flexslider从随机幻灯片开始,然后继续按顺序加载,jquery,random,flexslider,Jquery,Random,Flexslider,我用的是Flexslider——我有一个滑块设置,里面有37张幻灯片(是的,我知道这很荒谬)。我需要一种方式,当页面加载时,它会在幻灯片1和幻灯片37之间随机选择一个幻灯片,然后从那里开始继续 例如: 页面加载并随机选择幻灯片#17。幻灯片17之后出现的下一张幻灯片应该是18,然后是19,然后是20,依此类推 下次页面加载时,它会随机选择另一张幻灯片。假设这一次它加载了29。下一张幻灯片应该是30,然后是31,然后是32,等等 到目前为止,我已经弄清楚了逻辑,我知道我需要一种方法,首先让Flex

我用的是Flexslider——我有一个滑块设置,里面有37张幻灯片(是的,我知道这很荒谬)。我需要一种方式,当页面加载时,它会在幻灯片1和幻灯片37之间随机选择一个幻灯片,然后从那里开始继续

例如:

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

下次页面加载时,它会随机选择另一张幻灯片。假设这一次它加载了29。下一张幻灯片应该是30,然后是31,然后是32,等等

到目前为止,我已经弄清楚了逻辑,我知道我需要一种方法,首先让Flexslider计算当前滑块中的幻灯片数量。然后我需要取这个数字,然后在滑块中的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
        });
    });

我认为你不希望startAt进入start属性。试试这个:

$('.flexslider').flexslider({
    ...
    startAt: function() {
        var slideCount = $('.total-slides').text(slider.count);
        var mySlide = Math.floor((Math.random()*slideCount)+1);
        return mySlide;
    }
});

这部分是基于and。

使用上述代码设置变量,然后可以调用该变量

$(窗口)。加载(函数(){


}))

随机计算中的+1对我不起作用。但是如果没有它,它就可以正常工作。正如Martin已经说过的,+1必须被删除。幻灯片索引从0开始。您希望startAt:0表示第一个,startAt:1表示第二个,依此类推。
var randomthis = Math.floor((Math.random()* $('.flexslider li').length )+1);

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

});